WooCommerce网站速度 – 您需要知道的
- WooCommerce 商店需要在移动和桌面上快速加载才能赚钱和扩大规模。
- 加载速度快的电子商务网站具有更高的转化率、更少的购物车放弃率、更好的 SEO和 SEPR，并让购物者参与的时间更长。
- 您的网站应该要在两秒钟内加载完成。
- 如果您的 WooCommerce 商店速度很慢，可能有很多原因，包括托管问题或错误/繁重的编码。
- 将定期站点速度测试添加到您的业务流程中。
- 一旦发现电子商务商店存在问题，就分析速度测试并实施解决方案。
网站速度等于转化
网站速度是电子商务业务成功背后最重要的因素。您可以忍受平庸的设计和品牌，但不是平均速度（或者马马虎虎的产品图片）。
在本文中，我们将探讨：
- 页面速度与页面加载时间
- 缓慢的商店如何让你花钱
- 到底有多慢才是慢
- WooCommerce 商店的最佳速度是多少
- 需要速度的原因
- 为什么您的电子商务商店可能很慢
- 如何加快缓慢的 WooCommerce 商店
快速商店从技术诀窍开始
拥有一个快速的商店需要扎实的技术知识来实现和保持出色的页面加载时间。页面加载是网页和/或媒体内容从网站托管服务器下载到潜在客户的浏览器所花费的时间。
您可以在这篇关于扩展WooCommerce的博客文章中阅读有关影响页面加载时间的因素的更多信息。转到影响页面加载时间的因素标题，了解页面加载背后的原因及其技术性。此内容确实强调了拥有强大后端对 WooCommerce 性能和速度的重要性。
您缓慢的商城正在让您因销售损失而损失金钱
对速度的需求背后有四个重要原因：
- 消费者期望：购物者希望网站能够在桌面和移动设备上快速加载。您需要快速满足这些期望并拥有竞争优势。
- 只有页面加载速度快，客户才会留下来：如果您的商店速度很快，访问者就会留在您的网站上并浏览更多内容。当然恰恰相反。如果产品信息或图像加载时间过长，他们不会等待。
- 更多的销售：当购物者在商店有良好的体验并且从页面到结账的移动顺畅时，体验是愉快的，他们可能会从您的商店购买更多。
- 在搜索引擎中获得更高的排名：搜索引擎青睐活泼的商店，并以更高的排名奖励它们。如果您的目标是进入 Google 的第一页，请将速度作为主要关注点。
底线是您的 WooCommerce 商店必须快速 – 超快！需要时间加载的在线商店正在失去销售机会。如果您缓慢的 WooCommerce 商店没有快速修复，那么您实际上就是在扼杀您的业务。
慢到底有多慢？
如果您的页面加载速度超过几秒钟，您就有麻烦了。根据Akamai的一项调查，网站加载时间延迟 100 毫秒（0.1 秒）会使转化率降低多达7%。
同一项调查显示，页面加载时间延迟整整两秒会使跳出率增加 103%！
毫秒造就百万，德勤关于速度的题为恰当的报告，以这种方式总结了对超快速度的需求：“为了保持领先地位，品牌需要将网站速度作为整个组织的优先事项。他们应该采用移动优先的思维方式；引入正确的流程并分配资源以持续监控和优化他们的站点速度。”
我的 WooCommerce 商店的最佳速度是多少？
Hubspot表示，从零到四秒的页面加载时间对转化率有好处，而页面加载时间的前五秒对转化率的影响最大。
但是，对于电子商务页面加载时间需要更快。Portent的研究表明，电子商务转化率最高的页面出现在加载时间介于 0 到 2 秒之间的页面上。研究表明，加载时间每增加一秒，WooCommerce 的转化率平均下降 4.42%。
需要速度的原因
速度留住客户，他们会购买
Google 会定期发布关于快速电子商务商店的迫切需求以及它将如何直接有益于您的企业利润的内容。本次调查的重点是移动电子商务商店，但其信息也适用于桌面网站。电子商务品牌的要点是：
- 更快的 WooCommerce 商店意味着更多的顾客将到达结账处。速度促进了购买过程的进展，从主页或着陆页面一直到结账。
- 网站速度意味着客户更有可能留在您的电子商务商店并购买产品或服务。将移动站点加载时间减少十分之一秒可显著提高性能。
- 对于零售业，速度使转化率上升了 8.4%，平均订单价值增长了 9.2%。奢侈品电子商务网站的每个会话的页面浏览量增加了 8%。在旅游电子商务方面，转化率提高了 10.1%。这些数字不言自明！
该调查指出，五分之一的零售和奢侈品在线商店的主页跳出率分别提高了 0.6% 和 0.2%，网站速度更快。
快速站点可改善用户体验
用户体验 (UX) 定义为用户对网站的体验。客户希望能够快速、轻松地找到他们想要的东西。他们想要显示不同角度的清晰详细的产品图片、收藏夹列表以及顺畅、轻松的结账。他们想要这一切的速度。带有图像的页面需要快速加载，并且客户应该能够超快速地从他们的收藏夹列表移回产品或结帐页面。
这是一个例子。如果购物者搜索藏红花黄色棉质连帽衫，并且指向您的黄色连帽衫的图片或链接出现在搜索结果的前列，则用户会期望该页面加载速度非常快。如果没有，他们将点击反向链接按钮并转到下一个提供黄色连帽衫的网站。在社交媒体上找到的产品链接也是如此。
如果您商店的藏红花黄色棉质连帽衫页面推荐匹配产品，客户预计这些产品也将快速加载。他们可能会将它们保存到他们的收藏夹列表中，这也需要很快。
除了速度之外，一定要优先考虑良好的设计并实施以人为本的方法。开发人员和设计师专注于解决购物者在商店购物过程中遇到的痛点。当您选择开发人员时，就他们实现清晰流畅导航的方法进行对话至关重要。
网站速度提高了搜索引擎优化 (SEO)
更快的网站意味着您的在线商店将在搜索引擎页面结果中排名更高。这是它的工作原理。大多数 SEO 专业人员和网络开发人员都接受Google 的算法将加载时间作为排名因素考虑在内。这家科技巨头早在 2010 年就首次透露页面速度是一个重要因素。
到 2022 年，快速加载将成为移动和桌面网站的一个因素。谷歌希望网络用户拥有尽可能好的体验。因此，如果访问者跳出，在 Google 看来，您的网站速度太慢或没有为购物者提供他们想要的东西。结果？Google 会将您的商店排名降低。但是，如果您的加载时间很快，您可能会提高转化率并降低跳出率，并且您会获得更高的排名。
注意力持续时间越来越短
最后，另一个不断发展的因素继续影响着电子商务。注意力跨度几乎每年都在变短。到 2022 年，人类的平均注意力跨度仅为 8 秒！您的 WooCommerce 业务需要将这一点纳入其技术和营销。专注于直截了当、简单、参与，以及——你猜对了——闪电般的速度。
为什么您的 WooCommerce 商店速度慢？
速度始于有一个定期监控您的 WooCommerce 网站速度的流程。如果不知道，就无法解决负载问题：
- 您的 WooCommerce 商店是否运行缓慢。
- 您的 WooCommerce 商店有多慢。
您需要定期测量您的 WooCommerce 网站速度。下面是如何做的。
衡量您的电子商务网站速度
首先，建立一个允许您定期测量 WooCommerce 商店速度的流程。使用GTMetrix 获取当时的快照，使用Google Page Speed Insights 获取过去 28 天左右的累积数据。如果您的网站速度比预期慢，这两种工具都会提供有关原因的信息，在某些情况下还会提供解决方案。
与您的内部网络开发团队或您的 WooCommerce 咨询团队一起有条不紊地浏览信息并评估每个问题。然后致力于开发解决方案。
如果您的电子商务网站运行缓慢怎么办
一旦您发现您的 WooCommerce 商店运行缓慢，请让您的开发人员或合同WooCommerce 开发人员开始寻找原因。网站速度受损背后的原因有很多，可能包括：
- 缓慢的托管服务提供商
- 数据库问题
- 没有使用内容分发网络 (CDN)
- 没有缓存
- 没有优化图像
- 有编码错误的插件
- 有一个代码密集的主题
- 不遵循自定义代码的最佳实践。
我们意识到这是一个很长的清单，有时找到问题的根源需要知识和耐心。如果您没有内部网络开发团队，或者他们太忙，那么像一服客网站工作室这样值得信赖且经验丰富的 WooCommerce 专家可以证明其价值。
如何修复缓慢的电子商务网站
我们将看看最常见的问题，并提供解决方案选项。
识别和修复托管问题
您的托管服务提供商可能会降低您网站的速度。当您在Google Page Speed Insights中检查网站速度时，发现了什么问题？特别是，您是否看到服务器响应时间缩短了？服务器响应时间是从浏览器请求到页面第一个字节加载到屏幕上的时间。如果您确实看到了这一点，您的主机托管商可能不会慷慨地提供给您的速度。这可能发生在廉价的共享主机上，这意味着无论您做什么，都无法加速您的电子商务网站。
可扩展的 WooCommerce 商店需要高质量、快速的托管——针对您的网站及其流量进行配置。您选择的托管计划需要适应流量激增，例如销售或黑色星期五。因此，如果您的托管速度慢且价格低廉，则有两种选择。第一，转向高质量的共享主机，这将为您的企业提供所需的资源，或者第二，选择托管主机。这更昂贵，但托管公司提供的不仅仅是托管服务可以抵消成本。他们将负责托管环境的设置、硬件和软件、安全以及日常管理，以使其完美地满足您的需求。
托管的另一个潜在问题是，您可能拥有一台速度很快的主机，但没有合适的访问容量或磁盘空间。如果是这种情况，请升级到容量更大的计划。
解决网站数据库问题
网站数据库存储您的电子商务商店访问的信息。例如，密码和电子邮件地址存储在数据库中。您的网站越旧，存储的数据就越多。最终，您不断增长的数据库将拖累您网站的速度，直到速度变得明显为止。
如果您遇到此挑战，请执行数据库清理并删除旧数据。某些插件可以通过删除重复条目来完成一些工作。它们包括WP Sweep和WP Optimize。在你做任何这样的工作之前，一定要备份你的整个网站！
你需要CDN吗？
CDN 是一组地理上分布的服务器，它们通过使 Web 内容更靠近用户所在的位置来加速 Web 内容的交付。如果您在国际上或在一个大的国家/地区销售并且在全国范围内（例如加拿大或美国）有多个服务器，那么 CDN 将提高您的电子商务商店的性能。
当您决定使用 CDN 时，请考虑您的潜在客户在哪里、您的服务器位于何处以及您需要多少带宽。显然，您的预算和 WooCommerce 商店的规模会影响您对 CDN 的选择。
为什么缓存可以使您的 WooCommerce 商店更快
您可能已经知道缓存和缓存的含义。顾名思义，缓存存储网页，以便如果网站访问者返回您的网站，可以更快地满足他们的请求。
对于对象缓存，我们更喜欢使用Redis，它比替代方案快得多。对于全页缓存，建议使用Varnish Cache 。应避免使用缓存插件，因为它们的效率不如良好的后端解决方案——换句话说，在托管级别。如果您的主机不在服务器级别进行整页缓存，您可能需要完全切换主机以进行扩展。
优化您的高质量图像
良好、清晰的图像对于电子商务商店至关重要。购物者也希望从不同角度和细节照片中看到整个产品。然而，高质量的图像是大文件，会占用您网站的大量加载时间。解决方案是优化图像。实际上，您是在压缩文件大小而不会损失任何图像质量。
但是，在开始优化过程之前，请确保您的商店拥有正确尺寸的图像。如果您使用的是主题，请查看其文档以确定图像大小。它们会因位置而异。如果您有英雄图片或轮播，它们将比产品图片大。
知道图像大小后，您可以在使用图像编辑软件上传图像之前压缩图像。或者，使用 Imagify 等插件来优化图像。
您使用的是代码密集型主题吗？
您的电子商务网站速度受您商店构建方式的影响。但在我们进入上述问题之前，这里有两个提示，供刚接触 WooCommerce 或更改主题的读者使用。当您将主题选择缩小到几个最喜欢的主题时，请查看对这些主题的评论。是否有不少用户说主题很慢？如果是这样，这可能不是一个好的选择。
提示二：我们知道很想在您的 WooCommerce 商店上加载大量很酷的功能，但这些会影响网站速度——尤其是如果主题一开始就没有很好地编码或设计。拥有大量功能，例如动画、复杂的计费流程、滑块、音乐甚至游戏，都会降低您网站的速度。
对 GTmetrix 或 Google Page Speed Insights 的测试会让您知道您的主题是否是罪魁祸首。在您的 GTmetrix 测试中，您将看到瀑布图中的信息。在过滤器字段中，输入主题以显示有关主题中文件的信息。当页面加载时，您将能够看到每个文件的大小。许多大文件可能意味着您正在处理沉重的主题。
如果测试表明您的商店设计可能存在问题，则更改主题或自定义编码某些元素将解决一些问题。请记住，更改主题需要大量工作，如果您决定走那条路，请考虑先测试主题。请务必在切换之前备份您的网站。
未使用的代码，或您的电子商务商店膨胀？
无论您使用主题还是自定义编码您的商店，您都可能在启动后添加了代码。对于 WooCommerce，一般规则是您拥有的代码越多，您的网站运行速度就越慢。这里显而易见的答案是识别未使用的代码并将其删除。当你这样做时，禁用或删除你不再需要的任何插件。
接下来，请您的开发人员确定哪些地方的编码可以更轻松，并为这些地方重写代码。如果他们做不到或太忙，请将此任务外包给经验丰富且知识渊博的 WooCommerce 开发团队。
编码错误的插件会减慢您的网站速度
并非所有 WordPress 插件都是平等创建的。有些很棒，而有些甚至不符合 WordPress 或 WooCommerce 标准。一些开发人员说太多的插件会减慢您的网站速度，但事实是少量的轻量级插件比一个占用太多资源的插件要好。
此外，请记住，只有正确安装和配置插件，您的网站才会受益。
有多种方法可以确定插件是否影响您商店的速度。一种是停用所有插件并一次重新激活它们，直到您确定是哪个插件导致了问题。
Query Monitor和Chrome Dev Tools都是很好的工具。第一个会显示插件的数据库查询，而 Chrome 开发工具会显示插件添加了多少 CSS/JS。
当您发现需要大量资源的插件时，您可以用轻量级替代品替换它们，或者可能禁用它们的某些功能或模块。您选择的选项将取决于插件和您的网络开发人员的能力。
定期的插件维护也是必要的。当有新版本可用时更新您的插件。并将您的站点更新为最新版本的 WordPress 和 PHP。
还需要补充吗？
我们非常确定我们已经涵盖了影响网站速度的主要问题。如果我们遗漏了什么，请告诉我们。我们很想听听您发现的任何解决方案。
永远记得在维护网站之前备份您的网站！
您也许还想了解7个最好的拖放式WordPress网站页面构建器比较或使用Beaver Builder加快Web网站设计过程的10个技巧。
