今天,创建网站不仅是关于如何做程序开发或如何使用 CMS(如 WordPress) 的知识问题,它还涉及其它主题,例如设计。但是,一个网站再漂亮,如果没有人来访问它还有什么意义呢?因此,SEO 已成为一个非常关键的点,因为访问者的数量直接与网站 SEO 的结果相关联。
说的简单些,SEO 可以分为 4 部分:优质的网页内容、 HTML 标签 (放在页面的头部,标签描述内容提供搜索引擎检索讯息) 、网站速度 (Google 和其他搜索引擎对快速网站有加权分) 、反向链接 (从第三方网站链接到自己的网站越多越好) 。
在本文中,我们将讨论第三点:【网站速度】 。更准确地说,是什么原因会导致 WordPress 网站速度变慢。我们将依循以下因素一一道来。
主题和插件
如果您查看 wordpress.org 仓储库,您会发现数以千计的主题和插件。它看起来是棒极了,这里提供了大量的设计选择和扩充的功能,但同时却必须小心,因为仓储库里所有的主题及插件良莠不齐,有些程序开发不够精良及错误,它们可能会拖累网站的速度。
WordPress 主题
在本文中不可能写出一份可以使用或不可使用的主题的列表,所以只会谈谈我们认为最快且优的主题。讨论之前有个重要说明:当您在网上看到一些速度测试结果时要注意到,许多在缺省的 WordPress 页面上完成的主题速度比较,其实是将主题 『安装在空的 WordPress 上』,这样的结果会失去客观性。而 WordPress 网站加载速度的比较应该是对具有丰富内容的真实网页做测试,例如一般的主页。所以测试的关键 『不是要知道一个主题在一个空网站中的速度有多快,而是要知道它加载一个充满内容的页面的速度有多快』 。
最快的 WordPress 主题是 GeneratePress,其次是 Kadence 和 Blocksy 。所有这 3 个都是基于 Gutenberg 的主题,它们的程序开发和优化都做得很好。
WordPress 插件
一些复杂又重的插件也会使网站变慢,例如 Jetpack 、 Wordfence Security 、 Woocommerce 、 WPML…等插件,因此在做网站开发时,准确了解您的需求很重要。例如,我们的一些客户可能绝对想要安装 Woocommerce,即使他们的产品很少并且实际上不做线上销售,只是要展示商品。在这种情况下,一个更好的速度优化解决方案不是使用 Woocommerce,而是创建一个名为 「产品」 的客制帖子类型,其中包含所需的客制分类和客制栏位,这样做的结果将是创建出一个更快的网站。
WordPress 页面编辑器
谈论插件时要考虑的另一个重要点是页面编辑器。这通常与主题相关联,因为如今越来越多的主题是带有自己的页面编辑器。
我已经在 WordPress 上工作了一段时间,我看过很多 WordPress 网站,我常常觉得真的有很多人知道如何做一个 WordPress 网站,但很少有人知道如何正确的做 WordPress 网站。无论您是否使用快速的主题和好的插件,但如果您选择了错误的页面编辑器,您的网站将会变慢。
「我常常觉得真的有很多人知道如何做一个 WordPress 网站,但很少有人知道如何正确的做 WordPress 网站」
以下是最快的 WordPress 页面编辑器列表:
- LiveCanvas
- Gutenberg(古腾堡)
- Nimble Builder(灵活的编辑器)
- Bricks Builder(积木编辑器)
- Oxygen Builder(氧气编辑器)
LiveCanvas 是一个基于 HTML/CSS 的页面编辑器,基于 BootStrap 。它非常快,因为它允许直接在 HTML 和 CSS 中程序开发。唯一的问题是它是一个面向开发人员的工具,对初学者不太友好。
Gutenberg 是缺省的 WordPress 编辑器。结合优秀的 Gutenberg blocks 插件,Gutenberg 可以实现出色的设计和超快的加载速度。
Nimble Builder 是一个被低估的页面编辑器,它易于使用且速度非常快。唯一的问题是它缺少一些功能,如果您需要复杂的设计,您可能会有点吃力。
如果您在网站中使用的页面编辑器不在此列表中,那么这可能是您的网站速度慢的可能原因。
延伸阅读:WordPress 网站开发,该选用 Elementor 或 Gutenberg?
网站开发
我在一些 WordPress 网站开发上经常看到的另一点问题点:『是开发阶段缺乏严谨性』 。这会导致 「不干净」 的插件和数据库。
那么,究竟会发生什么?有时,当 WordPress 网站开发人员需要创建特殊功能时,他们会安装和测试几个插件。测试完成后,他们只保留一个并卸载其它插件。但问题是安装外挂会在数据库中创建行或是表格,即使插件被删除,这些通常仍然存在。归根究底,当网站完成时,由于来自这些已删除外挂的所有垃圾数据,造成数据库可能过于庞大。
另一个问题涉及页面修订。当我们在 WordPress 中编辑页面时,会自动定期创建备份,这可能会导致数据库中出现数千条未使用的行。这些也应该清理。
我也经常看到的第三个问题是开发人员忽略了停用未使用的插件。每次在前端加载页面时,所有启用的插件都会运行它们的一部分代码。如果不需要插件,则至少应将其停用,或者将其删除。
最后一个问题是选择了错误的插件。它经常发生,这是由于缺乏关于应该使用哪个插件的知识。当需要某个功能时,总会有几个可以满足需求。正常的过程应该是在测试网站上安装这些插件,以验证它们的功能和速度。找到最佳插件后,在真实网站中仅安装和使用这一个。
因此,如果您的网站运行缓慢,其中一个可能原因是数据库不干净且过于杂重、插件过多或插件选择错误。
网站优化插件
网站速度慢的第四个原因可能是没有使用优化插件。这里要小心,前面的 3 点是最重要的,在安装任何优化插件之前有必要对它们进行处理。如果不是,那就有点像一个月不洗澡,把香水倒在身上来掩盖难闻的气味!前面 3 点必须先完成,才能优化网站。
很简单,当页面在浏览器 (例如 Chrome) 上加载时,该页面具有一定的大小 (意味着必须下载多少 MB) 并产生一定数量的请求 (意味着必须下载多少文件) 。请求的大小和数量越低越好,优化插件的主要目的是减少这些 (当然还有其他) 。
有几个 WordPress 插件可以使用:WP Rocket 、 LiteSpeed Cache 、 SG Optimizer 、 WP Optimizer 等等……在我们的网站上,我们主要使用 SG Optimizer,因为它简单且高性能。
一个好的优化插件应该包括:暂存系统、 CSS 缩小化和组合、 CSS 预加载、 JS 缩小化和组合、延迟渲染阻塞 JS 、 HTML 缩小化、字体预加载、 DNS 预取、 WEBP 图像片管理。
优化网站有时并非易事,因为某些功能可能会产生错误甚至破坏网站。当您优化您的网站时,请始终同时在前端运行测试,以检查一切是否仍然正常运作。
服务器
可能影响您的网站速度的最后一个原因是您的服务器。
让我先解释一下这个问题。当您在浏览器上请求页面时 (点击链接,在地址栏中输入 URL),此请求与服务器回馈之间的时间量称为 「服务器回馈时间」(Server Response Time,SRT) 。有了良好的 SRT,当然还有一个针对速度进行了优化的网站,您的网站似乎几乎可以立即加载。没有它,页面将需要更长的时间来加载,这可能会损害用户体验,并最终损害搜索引擎排名。
SRT 以称为第一个位元的时间 (Time to First Byte,TTFB) 的单位进行测量。 TTFB 测量客户端发出请求和接收第一个数据比特之间的时间长度。它是以毫秒 (milliseconds) 为单位。
什么是好的、坏的和可接受的 TTFB 各不相同。以下是一些一般规则:
- 快于 100 毫秒是极好的。
- 100–200 毫秒是好的。 Google PageSpeed Insights 建议 SRT 低于 200 毫秒。
- 200ms 到 1s 是可以接受的。
- 任何超过 1 秒时间的都是有问题。
所以现在首先要考虑的是服务器位置。我有时会看到仅在对国内市场销售的公司将其网站安装在位于美国的服务器上。如果您的客户在国内,为什么需要美国的服务器呢?将您的网站安装在远离国内的地方会增加服务器回馈时间并使您的网站变慢。在这种情况下,您始终该考虑的是使用拥有在国内附近服务器的主机公司。例如我们自己的服务器位于新加坡,因此我们可以保证网站能对在国内的任何人展出快速回馈。
其次是测试自己的服务器。如果您想知道自己服务器的 TTFB 是什么,您可以访问 GTmetrix 或 Google PageSpeed Insights 。输入您网站的 URL 并执行测试。在 GTmetrix 中,您将在摘要部分看到 TTFB 。在 Google PSI 里,您可在 「诊断」(「diagnostics」) 里的错误和警告 (errors and warnings)) 部分看到 TTFB ,或如果您的 TTFB 是正常,则可在 「通过审核」(「passed audits」) 部分中找到它。
如果您已经按照前面的步骤优化了网站,而 TTFB 仍然高于 1s,这时就要考虑更换您的服务器。
结论
一个 WordPress 网站加载速度慢的主因,通常是选择错误主题和插件的结果。许多主题很重,然后大多数的页面编辑器都很慢…。另外数据库更应该始终尽可能保持干净和轻量,尤其随着时间的推移,网站的一些旧功能 (插件) 需要删除,一些新功能需要安装的情况下。这是做 WordPress 网站维护的开发人员应始终牢记的一点。
发表回复