如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

很多用WordPress网站做线上零售的读者们,在社区留言想知道怎么才能提升WooCommerce 性能。所以,本期教程总结了一些我们团队优化WooCommerce 性能的经验。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

为什么 WooCommerce 速度很重要?

WooCommerce 速度很重要,因为它有助于改善在线商店的用户体验。页面速度下降会导致转化率损失,客户满意度下降。

很多用户发现网站速度较慢,大部分的用户会转向竞争对手的网站,导致用户流失。基本上,WooCommerce 商店速度慢会导致转化率降低和销售额下降。

它还会影响网站 WooCommerce SEO 排名。页面速度是 Google 等搜索引擎用来对网站进行排名的关键因素之一。

优化 WooCommerce 以进一步提高速度和性能可以帮助弥补这些损失并提高网站整体转化率、销售额和客户满意度分数。

可以用 IsItWP 的免费速度测试工具、GTMetrix 或 Pingdom(显示页面加载时间)测试WooCommerce 速度和性能。

1.升级服务器

虽然提升性能不是一味的氪金。但是,选择正确合适的服务器是提高 WooCommerce 速度的第一步。

服务器是存储所有 WooCommerce 文件的地方。如果没有好的服务器配置,会降低客户的 WooCommerce 性能。

如果没有好的WooCommerce 运行环境,所有其他提高网站速度优化和性能的技巧都将不起作用。如果刚刚开始,像国内的阿里云、腾讯云等也很优秀。当然,我们自己也在荷兰有自己的机房;也提供服务器托管服务。

2. 给 WooCommerce 商店设置缓存

WooCommerce 在 WordPress 上运行。当用户访问网站时,它会自动生成页面。意味着访问 WooCommerce 网站的人越多,服务器就越繁忙,需要的资源会更多。

缓存可以帮助解决这个问题。它不会动态生成页面,而是向用户提供已存储的静态网页。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

这会释放网站服务器资源,使其速度更快、响应更快。

向 WooCommerce 商店添加缓存最好的方法是使用WP Super Cache。它是市场上比较好的 WooCommerce 缓存插件,功能强大,对新手完全友好。包括我们自己也用这个插件。

3.保持 WooCommerce 更新

WooCommerce 经常发布新版本。这些新版本不仅修复错误并引入新功能,而且还提高了网站性能。

确保 WooCommerce 版本始终是最新的。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

但是,WooCommerce 依赖于 WordPress 以及主题和插件的整个生态系统。仅更新 WooCommerce 并不意味着正在为在线商店使用最新的软件。

还需要确保使用的是最新版本的 WordPress并且已安装所有插件和主题更新。

4. 在 WooCommerce 中优化产品图片

对于电商网站,需要产品图片来发展业务。但是,图片需要更长的加载时间,并且会影响 WooCommerce 商店的速度。

通过优化产品图片,可以显著减小文件大小而不会降低质量。这样可以加快所有商店页面、产品类别和产品页面的加载速度。

现在,有几种方法可以优化图像。最可靠的图像优化技巧是在将其上传到 WooCommerce 产品之前调整其大小并进行压缩。

WordPress加速网站 图片转webp格式

5. 选择加载速度更快的 WooCommerce 主题

在为 WooCommerce 商店选择主题时,许多新手最终会选择带有大量花哨功能的最花哨的主题。

我们理解这背后的原因。新手认为他们应该选择一个具有他们希望在电子商务商店中看到的所有功能的主题。

主题不应该这样运作。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

WordPress 主题仅用于控制网站和 WooCommerce 商店的外观,而不是添加功能。选择主题时,应该寻找布局选择、配色方案、WooCommerce 支持等选项。对于功能,应该使用插件和扩展。

选择带有大量插件功能的主题可能会降低网站速度。该主题会加载大量可能甚至不会使用的额外代码,从而增加页面加载时间。

6. 替换编码不良的插件和扩展

使用 WooCommerce 的最好的部分是可以访问数千个扩展和 WordPress 插件。

只要它们编码良好,可以根据需要安装任意数量的插件,并且不会造成任何明显的性能影响。

然而,一些编码不良的 WordPress 插件可能会降低网站速度。这些插件通常会运行数据库密集型查询或加载不必要的 JavaScript 和 CSS。

可以使用Query Monitor之类的插件来查看每次页面加载时运行的查询数量。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

查询监视器可以查看以下活动:

  • WooCommerce 商店中的页面触发的数据库查询
  • 主题或插件中的脚本发出的 HTTP 请求
  • 页面上触发的钩子和操作
  • 用于显示页面的语言、用户角色检查和模板文件
  • 托管环境,如 PHP 和 MySQL 版本、内存限制等。

如果这没有帮助,那么可以在停用所有插件后测试网站。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

如果停用插件突然提高了 WooCommerce 的性能,那么可以逐个激活它们以找出哪一个是问题插件。

然后,可以联系该插件的支持人员并告知他们问题。同时,可以用其他选项替换该插件。

7.使用最新的PHP版本

WooCommerce 和 WordPress 都是使用 PHP 作为主要编程语言编写的。

PHP 和 WordPress 一样,是一种开源编程语言。它由一个非常活跃的开发者社区定期维护,并经常发布新版本。

对于每个新版本,他们都会花费大量的时间和资源来提高 PHP 的性能。

可以访问“工具”»“网站健康” 页面并切换到“信息”选项卡,查看网站使用的 PHP 版本 。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

8. 打开 DNS 级防火墙

DNS 级防火墙可保护 WooCommerce 商店免受恶意活动入侵。它甚至在可疑请求到达服务器之前就阻止了它们。

黑客攻击、可疑爬虫和 DDoS 攻击可能会耗尽服务器资源并使网站变慢。

DNS 防火墙阻止他们加载网页,从而释放服务器资源来执行其他操作。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

CDN 是一种内容交付网络,允许通过全球服务器网络为网站的非动态部分提供服务。

推荐: Cloudflare 免费 CDN

9. 使用 SMTP 服务发送 WooCommerce 电子邮件

WooCommerce 商店会发送电子邮件通知以进行帐户管理、订单确认和管理通知。

默认情况下,WordPress 使用 PHPmail()函数发送电子邮件。该函数可能被垃圾邮件发送者滥用,因此许多公司会故意限制或阻止该函数。

这就是为什么需要使用 SMTP 服务器来发送 WooCommerce 电子邮件的原因。

SMTP 是发送电子邮件的标准协议。

现在,服务器公司可能会提供一个免费的企业电子邮件地址,可以使用该地址通过 SMTP 发送电子邮件。

然而,服务器公司通常将邮件服务器与其网络服务器托管在同一台计算机上。

这意味着一次发送多封电子邮件可能会影响网站。即使电子邮件被处理,也可能最终被归为垃圾邮件。

要解决此问题,需要使用 SMTP 服务提供商。

我们建议使用SendLayer,它是市场上比较好的 SMTP 服务提供商。它易于设置,并且还提供免费试用,可发送最多 200 封电子邮件。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

10. 优化 WooCommerce 数据库

WooCommerce 使用与 WordPress 安装相同的数据库。它们都保存了大量数据,但这些数据在一段时间后就变得无用了。

例如,旧版本、临时版本、垃圾评论等会长期保留在数据库中。WordPress 甚至可能在网站加载时查询它们,这是一种不必要的资源浪费。

现在,这意味着 WordPress 备份插件将需要更长的时间来准备备份。下载或上传备份也需要更多时间。

有一些工具可以优化 WordPress 数据库。例如:WP Rocket

转到设置»WP Rocket页面并切换到数据库选项卡。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

从这里,可以清理 WordPress 数据库。只需选择要删除的不必要的项目,然后单击“保存更改并优化”按钮。

或者,可以使用WP-Optimize插件。只需安装并激活该插件,然后单击管理侧栏中的WP-Optimize转到插件的设置页面。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

选择要删除或优化的项目,然后单击“运行所有选定的优化”按钮。

11.优化JavaScript和CSS文件

JavaScript 和 CSS 文件会发送单独的 HTTP 请求,从而增加页面加载所需的时间。其中一些文件可能会阻止渲染,在浏览器下载这些文件之前,页面的其他纯 HTML 部分将不会显示。

有多种方法可以优化 JavaScript 和 CSS 文件传输。我们已经讨论过使用 CDN 和缓存。

更高级的用户可以缩小或合并这些文件。

压缩会删除 JavaScript 和 CSS 文件里的空格,从而减少它们的下载大小。

合并所有 JavaScript 和 CSS 文件可在一个文件中为用户提供所有 JavaScript 和 CSS。

可以使用WP Rocket插件来实现这一点。只需转到“文件优化”选项卡,然后打开 CSS 和 JavaScript 的最小化和合并选项。

如何提升WooCommerce性能:11个优化技巧,提高网站速度与用户体验

注意:压缩并合并这些文件可能会导致网站出现意外。如果出现问题,可以直接关闭它。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/20083/

(1)
上一篇 21小时前
下一篇 18小时前

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
为方便全球用户注册登录,我们已取消电话登录功能。如遇登录问题,请联系客服协助绑定邮箱。