我猜您正在阅读这篇文章是因为您的 WooCommerce 商店运行缓慢并且您想让它运行得更快?
让我们的WooCommerce网站运行得更快会有什么好处?
答案很简单,用户体验是电子商务商店成功的一个重要因素,人们越快进入您的产品页面,他们购买的机会就越大,它还可以提高SEO效果,因为网站加载速度是SEO算法的一个排名因素,SEO排名上去了就可以为你的WooCommerce 商店带来更多的自然流量!
1. 测试你WooCommerce独立站的初始性能
除非您知道您的网站目前的运行速度情况,否则对您的网站进行任何更改都是没有意义的。
网上有一些很棒的免费工具可以帮你做到这一点,而且它们的优点在于,它们会告诉你网站问题的原因,以便你能够解决这些问题。以下是我常用的三个工具:
- Google PageSpeed Insights – 你想在 Google 上获得好的排名吗?那么,你应该使用他们的 PageSpeed 工具来查看他们如何评估你网站的性能。
- GTMetrix – 一款很棒的免费工具,但如果您想访问他们的全球服务器,则需要创建一个免费帐户。他们的瀑布流分析软件是一款出色的分析软件,可以准确显示网站速度慢的具体位置。
- Pingdom 速度测试– 使用 Pingdom,您无需创建帐户即可访问其所有全球服务器。此工具可详细分析导致网站性能问题的原因。
- Uptrends – Uptrends 与 Pingdom 类似,但他们的工具还允许您使用来自世界各地的各种台式机和移动设备进行测试,绝对值得一试。
最好将 PageSpeed Insights 与一个或多个其他测试工具混合使用,因为 Pingdom 和 Uptrends 都会提供加载时间,而这是 PSI 中无法完全访问的。
这里还值得注意的是您的网站在Google’s Core Web Vitals中的表现如何,因为这些指标现在被引入作为其算法的排名因素,因此在对您的网站进行更改时一定要注意这些指标。

在对网站进行任何重大更改后,都需要我们重新进行网站速度测试,看看这些更改是否提升了网站的性能。这是因为每个网站都不同,对一个网站有效的方法不一定对另一个网站也有效,这需要反复试验。
2. 使用优质的主机
这一点非常重要,因为如果您没有使用好的主机服务商,那么您对网站进行的其他更改将不会产生那么大的影响。
想象一下你的托管服务就像你汽车的引擎一样,如果你的引擎不好,无论你做多少调整或改装,它都不会那么快。而如果你一开始就拥有一个良好、强劲的引擎,调整和改装就能带来巨大的影响!
在选择托管时,我建议选择使用 LiteSpeed 服务器技术的网络托管服务商,因为它不仅速度快,而且可靠,您将在本文后面看到它为何有如此大的不同。
您还可以选择专业WordPress主机(推荐使用Kinsta),因为它的性能通常比普通共享主机更好。
3. 使用速度快的WooCommerce主题
您的WooCommerce网站是否感觉更像是一匹慢车,而不是一匹赛马? 速度很重要。 厚重的主题会拖累网站性能,使您失去访问量和排名。 但选择一个轻量级的 WordPress 主题就好比选择一匹灵活的骏马以提高速度。 这就是在不牺牲外观的前提下优先考虑性能的轻量化设计。
扩展阅读:
4. 删除未使用/不需要的主题和插件
通过安装您不使用或不需要的主题和插件,WooCommerce网站很容易臃肿,为了提高网站性能,您需要清理它们!
对于主题,您只需要安装当前正在使用的主题的父主题和子主题。无需安装任何其他主题。
对于插件,首先删除您网站上当前未使用的插件,其次,检查您的插件并确定哪些是您真正需要的以及哪些对于您网站的日常运营至关重要。
您可能会发现有几个或更多您并不真正需要的插件,理想情况下,您只希望安装少于 20 个插件,以防止插件安装太多导致臃肿,这会降低您的网站速度。
5.优化您的图像
图像通常是网页中最大的元素,网站速度慢的一个常见原因是它们使用的图像尚未优化。
优化网站图片有三个步骤:
①.使用正确尺寸的图片
如果您的网站只能显示 500x500px 或 600x600px,那么上传 2000x2000px 的图像到您的网站是没有意义的。
您网站的理想图像尺寸通常可以在您的主题文档中找到。
虽然并非必需,但我个人会将图片尺寸设置为略大于推荐尺寸,以便在所有设备上都能正常显示。例如,如果产品图片尺寸为 500x500px,我会上传 600x600px 的图片。
②.使用正确的文件格式
图像优化的下一步是为图像使用正确的格式。大多数情况下,最佳选择是 JPG,因为它在质量和文件大小之间提供了最佳的平衡。
只有在您需要透明背景时 PNG 图像才是最佳选择,并且在大多数情况下,这只需要用于您的网站徽标。
有一种称为 WebP 的新图像格式,但尚未被广泛采用,因此在大多数情况下 JPG 仍然是最佳选择。
③.保存为Web优化图像
并非所有图像都以相同的方式保存,大多数图像的保存方式都没有针对网站进行了优化。
这就是为什么您要将图像保存为针对 Web 优化的文件,因为这将压缩文件,同时将质量损失降至最低,从而减小文件大小。
④.如何做到这一点?
第一种方法是使用Photoshop,因为它允许您快速调整图像大小,然后可以使用“保存为 Web”格式进行优化。
第二种方法就是采用在线工具压缩,比如:TinyJPG。
⑤.图片优化插件

最后一部分是使用图像优化插件,因为即使您的图像已保存为优化状态,Smush 等插件通常也会发现可以进行更多优化,以便在您的网站上提供的图像达到最优化的效果,正如他们所说,积少成多!
通过对网站上的所有图像执行此操作,在某些情况下,您可以大幅减少需要加载的页面大小,并且页面大小越小,加载速度越快。
6.安装优化缓存插件
尽管到目前为止的所有内容都会对您的网站性能产生积极影响,但它们的影响不会像使用优化和缓存插件那么大。
现在,关于这些类型的插件有很多选择,包括 Autoptimize 和 WP Super Cache,它们可以很好地完成工作,但在我看来,最好的插件是使用 LiteSpeed 服务器的主机,因为它可以在一个插件中完成所有工作,特别是如果您使用 LiteSpeed Cache 插件。

此外,由于该插件是由生产服务器的同一家公司制作的,因此两者可以很好地协同工作,并且如果配置正确,可以显著提高性能。
最重要的是,LiteSpeed Cache 插件完全免费!
如果您没有使用带有 LiteSpeed 服务器的主机,那么 Autoptimize 和 WP Super Cache 的组合可以很好地完成工作,或者您可以选择像WP Rocket这样的高级全功能优化插件。
WP Rocket可以压缩您的网站 HTML、CSS 和 Javascript,以便这些文件更小,并为您的网站访问者更快地加载,而缓存插件会创建您网站页面的静态 HTML 版本,显示给用户,而其余脚本则在后台加载。
插件设置
我们无法提供关于这些插件的最佳设置的具体建议,这是因为每个网站都是不同的,有不同的主题和插件,这意味着在一个网站上有效的方法并不总是在另一个网站上有效(我有两个网站,都使用 LiteSpeed Cache 插件,并且都有不同的设置)。
这就是反复试验发挥作用的地方,也是使用暂存网站如此重要的原因,因为对 HTML、CSS 和 JavaScript 进行更改可能会导致显示错误,在某些情况下,甚至会完全破坏您的网站,这就是为什么您需要一步一步地进行并遵循此过程:
- 更改优化插件中的设置
- 清除您的网站和浏览器缓存
- 检查以确保您的网站(包括产品和文章页面)显示正确
- 通过性能工具运行您的网站,看看发生了哪些变化(好的或坏的)
延迟加载图像和 IFrame
尽管现在 WordPress 中已经内置了延迟加载功能,但我仍然发现 LiteSpeed 插件中的延迟加载功能效果更好。
7.使用CDN

本指南的最后一步是为您的网站使用 CDN,如果您不知道 CDN 是什么,它代表内容分发网络,基本上它通过在世界各地的服务器上存储您网站的缓存版本,允许世界各地的用户更快地访问您的网站。
例如,如果您的网站托管在英国并且没有使用 CDN,并且来自北美或澳大利亚的访问者访问了您的网站,则您网站页面的所有数据都需要发送到世界各地,这可能会导致页面加载缓慢。
如果您使用 CDN,并且提供商在北美或澳大利亚有服务器,那么将加载您网站的缓存版本,这将减少加载时间,因为数据不必传输那么远。
使用 CDN 的其他好处包括增加安全性、减少网络主机的带宽使用量以及增加内容被广泛使用的机会。
说到 CDN,有很多选择,而且 CDN 的类型也各有不同,但对于 WordPress 来说,有两个很棒的低成本选择:
- Cloudflare的免费版本对于许多小型网站来说是一个不错的选择,如果您的网站发展壮大,他们还提供一系列付费计划来配合您不断增长的业务。
- Quic.cloud是 CDN 领域的一个相对较新的 CDN,但它是唯一一个 WordPress 专用 CDN,如果您使用带有 LiteSpeed 服务器的主机,那么您可能会有免费的月度分配可供使用,如果没有,他们的价格也很便宜。
设置这两个 CDN 非常容易,但我推荐 Quic.cloud,因为它可以与 LiteSpeed Cache 插件完美配合,并且插件中所做的更改会自动应用于 CDN。
结论
当谈到 WooCommerce 优化时,它不是安装一个插件就完事了,而是一个反复试验的过程,以找到适合您网站的方法,希望上述步骤能帮助您的网站得到改进,有些可能是很小的变化,而有些可能是很大的变化,但每一点你去做了都会有帮助。
几秒甚至几分之一秒的时间都会对跳出率产生很大的影响,跳出率越低,人们留在您的网站并进行购买的可能性就越大,你的转化率就越高。
原创文章,作者:火星淘金,如若转载,请注明出处:https://huoxingtaojin.com/speed-up-woocommerce/