如何加速您的 WooCommerce WordPress 主题以获得更好的性能

已发表: 2023-04-05

从引人注目的文案到高效的结帐流程、有效的营销等等,有很多因素共同构成了一个成功的电子商务网站,但在所有这些因素中,没有什么比性能产生更大的影响了。

性能不佳的网站会让用户不高兴,赶走潜在客户并损害您的 SEO 工作。

但为什么? 如何? 你能做些什么呢?

下面,我们将分享我们关于如何加速 WooCommerce WordPress 主题以获得最佳性能的建议。

在开始之前,让我们先解决一个重要问题。

为什么速度和性能在 WordPress 中很重要?

您首先安装 WooCommerce 的全部原因是销售产品和赚钱。 因此,当您从这个角度来看时,就很容易理解为什么 WordPress 性能如此重要。

想一想:

您的在线商店可能拥有最激动人心的文案、最令人惊叹的产品图片和最吸引人的号召性用语。 您甚至可以通过电子邮件营销取得巨大成功,为每个活动带来无数点击率。

然而,如果所有这些点击都导致一个网站需要很长时间才能加载,那么人们就不会留下来了。

沮丧的是,他们会比您说ERR_CONNECTION_TIMED_OUT更快地按下后退按钮。

文章在下面继续

其结果是大量废弃的购物车、销售损失以及提供积极用户体验的机会,这种体验将一次性购物者转变为终生忠诚的客户。

性能如何影响 SEO?

到目前为止,如此可怕,但这与搜索引擎优化 (SEO) 有什么关系?

说白了,很多。

谷歌是世界上最大的搜索引擎。 它使用考虑 200 多个因素的算法来确定您的网页在为您的目标关键字返回的搜索结果中的排名。

200 可能很多,但大多数(如果不是全部)都旨在实现一个明确的目标:

将用户引导至他们认为有用、有价值和相关的易于使用的网站。

因此,符合这些标准的网站将获得更高的 SERP(搜索引擎结果页面)排名并包含在丰富的摘要中,从而进一步提高搜索结果的可见性。

无论您怎么看,一个需要很长时间加载的网站都不容易使用,所以有一个因素已经对您的商店产生了不利影响。

更重要的是,当访问者厌倦了等待您的内容加载并立即离开时,这会向 Google(和其他搜索引擎)发出信号,表明该页面不是那么相关、有用或有价值,并使您的搜索排名下降因此。

幸运的是,在选择和使用 WooCommerce WordPress 主题时,您可以采取很多步骤来确保它完全优化以闪电般的速度加载。

文章在下面继续

SiteGround 托管

以下是如何做到这一点:

加速 WooCommerce WordPress 主题的 5 大方法

1.经常测试你的网站速度

在你做任何其他事情之前,一定要通过速度测试工具运行你的网站。

我们喜欢为此使用 Google Pagespeed Insights,尽管您可能更喜欢使用 Pingdom 或 GTmetrix 等工具。

无论您使用哪个平台,在优化主题性能之前运行速度测试都有两个明显的好处。

  1. 大多数性能测试平台会突出显示任何会降低您网站速度的错误,甚至会链接到有价值的资源以帮助您修复这些错误。

这意味着您可以快速识别并解决影响性能的最大问题。

  1. 您的初始速度测试将揭示您当前的性能指标,这些指标可用作改进的基准,从而更容易设定切合实际、可实现的目标。

实施以下几个步骤后,请务必重复此过程,并在每次对您的网站进行重大更新时重复此过程,以确保新内容或功能不会损害您的速度得分。

2.使用具有最少优化代码的主题

WooCommerce 主题中的每一行代码都需要牺牲少量影响性能的资源,以便浏览器可以阅读、理解并将其呈现给最终用户。

处理一行代码所需的资源数量可能微不足道。 然而,为每一行添加这些资源很快就会产生很大的不同,特别是如果您的主题开发人员依赖冗长、复杂的代码和大型脚本文件。

考虑到这一点,如果您还没有为您的网站选择最好的电子商务主题,那么选择一个拥有干净、简约代码的主题将会受益。

文章在下面继续

Woocommerce 托管

代码越少,写得越好,对性能的损害就越小。

除此之外,首先选择一个编码良好的主题可以节省您使用 WP Rocket、W3 Total Cache 或 Autoptimize 等性能优化插件中的缩小功能的时间和麻烦。

缩小从您网站的代码中删除不必要的字符,例如空格和开发人员注释,例如空格和注释。 这会减小其文件大小,从而缩短页面加载时间。

3.删除您的演示内容

大多数最好的 WooCommerce 主题都允许您导入虚拟内容,以使您的网站外观和功能与演示中一样。

对于许多 WordPress 用户来说,这可能是一个非常宝贵的起点,提供预先设计的布局和结构,以便他们制作高质量电子商务网站所需要做的就是用自己的内容替换演示内容。

尽管这一切可能很有帮助,但我们已经记不清有多少 WordPress 新手用户,他们沉浸在推出新商店的兴奋中,只是忘记在完成演示内容后删除该演示内容。

这会导致各种与 SEO 相关的问题,包括:

A. 重复内容

想象一下,您使用与其他五个在线商店所有者相同的主题,并且都安装了相同的演示内容。 鉴于 WordPress 为全球 8.1 亿个网站提供支持,这是完全有可能的。

现在,假设你们五个人都在您的网站上保留相同的演示内容。

即使您没有主动从您的页面链接到该内容,它仍然存在。 搜索爬虫仍然可以获取它并将其归类为重复内容。

尽管 Google 自己坚持认为不存在“重复内容惩罚”这样的事情,但他们还表示,重复内容问题会影响您在搜索结果中的表现,尤其是当您的网站有整个演示网站的重复内容时。

B. 安全

当您将演示内容加载到您的站点时,您通常会自动加载一些默认的 WordPress 用户,每个用户都有自己的用户名和密码。

很容易忽视这一点,但不良行为者仍然可以利用这些虚假帐户来破坏您的网站。

这不仅仅是一个可用性问题。 存在安全问题的网站也不能完全安抚搜索引擎爬虫。

C. 场地大小

每个演示博客文章和页面布局模板、每个虚拟产品页面和每个图像都会增加网站数据库的大小,从而降低网站的性能。 通过删除演示内容,您可以减小数据库的大小并缩短网站的加载时间。

考虑到这一点,当您准备启动新网站时,请务必检查网站的每个关键区域并删除您不经常使用的任何内容:

  • 帖子
  • 页数
  • 类别
  • 标签
  • 产品
  • 用户
  • 图片和其他媒体
  • 评论
  • 自定义字段
  • 联系表格回复。

4. 优化你的图片

即使在您删除了那些不必要的内容之后,您仍然会留下很多您确实需要的图像。

毕竟,经营在线商店的本质意味着您需要大量有吸引力的视觉效果来帮助销售您的产品。

尽管它们可能很重要,但这些图像可能是您网站上最大的文件,大大减慢了页面的加载时间。

好消息是,这是另一个相对快速和容易的修复方法,可以通过以下方式实现:

A. 使用延迟加载

延迟加载确保图像和其他元素仅在它们首次在用户浏览器上可见时才加载。

这减少了用户首次登陆您的网站时需要加载的项目数量,从而提高页面加载速度、提高客户满意度并降低跳出率。

如今,寻找具有内置延迟加载功能的响应式 WooCommerce 主题变得缓慢但肯定更容易。

如果您的主题不包含此功能,请参阅我们在您的 WordPress 网站上实施延迟加载的完整指南。

B. 压缩图像

简而言之,图片文件越小,加载速度越快。

在将图像上传到站点之前,您可以使用 Adob​​e PhotoShop 和 TinyPNG 等工具的图像压缩功能减小文件大小。

对于您网站上已有的图像,请使用 WP Compress、Smush 和 ShortPixel Image Optimizer 等顶级图像优化器插件来压缩它们。

C. 使用合适的图像尺寸

如果您的图片仅以 500 x 500 像素显示,则没有理由将其上传为 2,000 x 2,000 像素的文件。

这样做仅意味着您上传的图像文件大小超过了必要的大小,而且正如我们已经看到的那样,文件大小会影响性能。

5.仔细考虑你的定制

如果您阅读我们关于自定义对响应主题的影响的指南,您会记得很容易走极端,做出不必要的更改并添加不必要的功能,只是因为您可以。

最终,所有这些添加的花里胡哨的东西都会导致您的网站变慢并损害可用性,使用户难以访问他们想要的内容或功能。

考虑到这一点,仔细考虑您将在 WooCommerce 主题上使用哪些功能和自定义选项是值得的,确保您做出的每一个决定都有助于您提供客户和搜索引擎都喜欢的那种完美体验。

提高您的 WordPress WooCommerce 主题性能:最后的提示

到目前为止,您已经学习了五种简单而有效的方法来优化您的 WooCommerce 主题并利用它来提高性能。

您知道为什么在处理代码缩小、图像优化和删除所有不必要的演示内容等任务之前运行速度测试会有所帮助。

但是,如果关于 WordPress 速度优化还有最后一件事您应该了解,那就是它确实是一项持续的工作。

每一次设计调整、推出的每一款新产品以及安装的每一个插件都有可能影响页面加载速度,这就是我们强调频繁速度测试的重要性的原因。

虽然运行这些定期测试将帮助您识别和纠正任何问题,但采用技术 SEO 最佳实践,例如确保您的图像在上传之前已经压缩并适当调整大小,将大大有助于从一开始就防止其中的许多问题.

一旦你完成了性能优化? 请参阅我们的 20 大 WordPress SEO 技巧,以获取有关如何提高在线可见度的更多建议。