让您的 WordPress 网站更快

没有人喜欢缓慢的网站。加载或呈现页面缓慢会惹恼用户并导致糟糕的整体用户体验。不仅如此,研究表明,页面加载时间对页面浏览量、跳出率和转化率有直接、可衡量的影响。根据 Akamai 和 Gomez.com 的调查,47% 的用户希望页面在 2 秒或更短的时间内加载。 40% 的人确实放弃了加载时间超过 3 秒的网站。

所有这一切都意味着,如果您的网站运行缓慢,您不仅会失去访问者、失去转化,而且还会失去可能的推荐,因为您当前的用户体验不佳。

我们将着眼于加快 WordPress 速度并帮助为您的用户创造更好体验的最佳方法,这有望带来更多的页面浏览量和更高的转化率!

测试您的站点速度和性能

在您开始在您的站点上进行修复之前,测量一些因素并确定您的站点有多慢可能是一个好主意。

要衡量的一些关键事项包括:

页面加载时间:

这实际上是加载和呈现交互式页面的总时间。有几种测量方法,并且都给出略有不同的结果,因此进行几次测量是个好主意。

测量它: 我个人最喜欢的页面速度工具是Pingdom。输入您的站点地址,选择要测试的位置并运行测试。

服务器响应时间:

这是服务器响应请求所需的时间。

测量它: 一个有用的工具是Bitcatcha,它将测量来自全球少数几个位置的服务器的响应时间。请注意,最相关的结果是最接近(地理上)您的服务器的结果。

1\。慢托管

没有人喜欢听到它,但网站速度慢的最大因素之一是廉价的共享 WordPress 托管,它是加速 WordPress 的最简单方法之一。当我们优化 WordPress 网站时,我们总是看到这一点。托管在某处廉价共享服务器上的站点几乎总是响应时间很慢。这听起来可能不是一个大问题,但请考虑一下;假设用户直接在浏览器地址栏中键入您的域,并且他们以前从未访问过您的网站(绝对最坏的情况)。这是大致遵循的事件顺序:(我们将使用 nimblewebdeveloper.com 作为示例)

• 用户在地址栏输入“nimblewebdeveloper.com”

• 客户端(浏览器,用户机器)通过DNS查找“nimblewebdeveloper.com”,找出服务器的IP地址

• 如果站点托管在美国并且访问者在澳大利亚,则此 DNS 查找本身可能需要半秒(0.5 秒),尤其是在共享的 cPanel 服务器上

• 然后客户端从DNS返回的IP地址请求“nimblewebdeveloper.com”,并等待服务器的响应

• 您的站点应该使用 HTTPS,因此 WordPress 将返回 301(重定向)以将客户端指向“https://nimblewebdeveloper.com”

• 客户端请求“https://nimblewebdeveloper.com”

• WordPress 通常不是很聪明,如果你的服务器使用的是 Apache(就像大多数 WordPress 主机一样),Apache 需要在所有不是静态资产的 URL 的末尾加上斜杠,因此服务器将返回 301重定向到“https://nimblewebdeveloper.com/”

• 客户端终于可以向服务器请求页面

• 客户端在服务器构建页面时等待

• 服务器返回页面,客户端可以开始下载页面和资产

我认为现在你明白了,对于第一页加载,最坏的情况可能是客户端甚至可以开始下载任何东西之前的几秒钟。我们已经看到了 DNS 查找和重定向链已经超过 4 秒的情况,然后服务器开始构建页面!

主机慢的解决方法?

是的,你知道的。转移到更好的托管。亚马逊、谷歌和其他公司的一些研究得出的结论是,加载时间仅减少 1 秒就可以将转化率提高 7%!因此,迁移到更好的主机的成本根本不是真正的成本。

廉价共享 WordPress 托管的最佳解决方案是迁移到虚拟专用服务器或 VPS。 VPS 是完全分配给您使用的物理服务器的虚拟部分。这意味着您应该始终收到所需的资源分配(RAM、CPU 等)。

如果你不习惯做一些命令行设置等,你可能想要寻找 cPanel VPS 或类似的东西。对于带有 cPanel 的基本 VPS,这些套餐的起价往往在 35 美元/月左右,然后从那里开始上涨。

如果您愿意进行一些修改,请尝试Digital Ocean在 Ubuntu 18](https://www.digitalocean.com/docs/one-clicks/wordpress/)或 OpenLightSpeed WordPress 液滴上的一键式[Wordpress。这些仍然很容易设置,并且与 cPanel/WHM 服务器相比性能非常好。

注意:如果您想注册 Digital Ocean,如果您使用我们的推荐链接,我们会很高兴。您将获得 100 美元的赠金,可在 DigitalOcean 产品上使用超过 60 天!

2\。优化不佳的图像

加快 WordPress 速度的另一种最划算的方法是向您的用户提供更好的图像。我们看到很多网站,无论屏幕大小、连接速度等如何,都会将一张巨大的图像(通常以完整的显示质量)交付给所有客户。

让我们从简单的开始;图像至少应针对网络进行优化,并且仅以实际可能需要的最大尺寸交付。大多数时候,可能不需要提供 8000 像素宽的图像。优化网络图像的一种简单方法是通过ShortPixel之类的服务运行它们。 ShortPixel 甚至附带一个Wordpress 插件可以为您完成所有工作。当您上传图片、压缩图片并将其返回到您的媒体库时,它会将您的图片发送到 ShortPixel。他们有一个免费套餐,可让您每月优化 100 张图片,但您需要创建一个帐户才能使用该插件。专业提示:我们建议在大多数情况下使用光泽压缩。

附加奖励:ShortPixel 可以配置为提供 WEBP 图像,这可以显着加快现代设备上的图像加载速度。

3\。延迟加载图像

延迟加载图像是加快 WordPress 网站速度的一种非常简单的方法。延迟加载涉及延迟图像的加载,直到它们在浏览器的视口内。要了解其工作原理和原因,请务必了解浏览器会尽快尝试加载网页中所有 img 标记的源代码。无论图像是在视口之外 2000 像素还是在视觉上隐藏,浏览器都会在它可以到达时立即开始加载它。

我们怎样才能解决这个问题?好吧,有很多方法可以执行延迟加载策略,但本质上(在非常基本的层面上)它涉及以下内容;

• 将图像src 替换为占位符图像(通常使用透明的1×1 px PNG)。这会阻止浏览器立即加载图像。

• 将实际图像源添加到 data- 属性。这允许通过 javascript 找到源。

• 加载正确源的 javascript,最好是在图像位于视口中或视口附近时加载。

我们可以手动完成所有这些工作,但幸运的是,有很多解决方案可以为我们完成这项工作。如果您使用 WordPress,我的首要建议是A3 Lazy Load。它是 WordPress 存储库中提供的免费插件,并且非常容易延迟加载图像、视频、iframe 等。它有一些配置设置,但在大多数情况下,默认值应该可以正常工作。

4\。删除不必要和过时的插件

WordPress 的一大优点是能够通过插件轻松快速地添加额外功能。不幸的是,没有多少插件写得特别好,并且通常会导致页面加载时间变慢。

我最近优化了一个表现不佳的电子商务网站,通过禁用 3 个糟糕的插件,我发现页面加载大约提高了一秒钟。当然,有些插件提供了核心或必要的功能,因此很难删除插件。最好的办法是检查所有插件并评估它们的重要性以及它们是否是最新的。任何过时的插件显然都应该更新!

5.压缩和合并资产

加载网站缓慢的一个常见原因是加载了大量外部资产(通常是由于插件)。用户的浏览器必须下载这些资产中的每一个,这会减慢页面加载速度,尤其是对于呈现阻塞的资产(请注意,如果服务器和客户端都支持 HTTP/2,理论上这不是问题)。

样式表和脚本也可以被压缩和缩小以减小大小。压缩和缩小会删除所有不需要的空格、重命名变量等,以使样式和脚本尽可能小。我们不会真正深入了解如何做到这一点,因为对我们来说幸运的是,有插件可以为我们做到这一点!如果您在我们即将发布教程之前还没有使用过 W3 Total Cache。

在 W3TC 中配置缩小应该像安装插件一样简单,在 General Settings, Minify 下启用缩小。当然,事情不一定总是按计划进行,因此请谨慎使用并进行测试!如果需要,您可以在 Minify 特定设置下进一步调整设置。

6.启用缓存

当我们讨论 W3 Total Cache 的主题时,我们可以启用许多其他选项来进一步加快 WordPress 的速度。如果您在上一步中安装了 W3TC,您可以轻松启用的其他一些选项是;

页面缓存

当我们谈论缓存时,通常我们谈论的是页面缓存。互联网上有很多关于缓存的解释,但简而言之;如果没有缓存,每次请求您网站上的页面时,Wordpress 都必须做很多事情来构建页面,例如获取帖子内容、获取标题等。这些东西在技术上是动态的,但是除非您更新您的页面或发布,它不会改变。所以缓存的作用是构建页面一次,存储构建的 HTML,然后在后续请求中简单地发送缓存的 HTML,而不是再次构建页面。这里有一个小小的权衡,在第一个页面加载时(正在构建缓存版本时)页面加载会稍微慢一些。然而,在随后的加载中,它应该会快很多。

在 W3TC 中,打开应该像在 General Settings 中勾选 enable 一样简单。需要注意的事项;启用缓存后,您对内容所做的更改将不会显示在前端,除非这些更改已从缓存中_cleared_。当您点击更新时,W3TC 应自动清除帖子内容等。

数据库缓存

数据库缓存也可以在 W3TC 的 General Settings 页面中轻松打开。数据库缓存只是存储频繁的数据库查询,以便无需接触数据库即可立即返回数据。

对象缓存

对象缓存有点类似于数据库缓存。数据库缓存缓存原始数据库请求和结果,对象缓存缓存使用这些结果的 WordPress 查询。这可以显着加快重复查询的动态性能。同样,只需在设置中勾选此项就足够了。

浏览器缓存

W3 Total Cache 中的浏览器缓存设置允许您的 WordPress 站点压缩传递给浏览器的静态资产,并添加标题,告诉浏览器可以存储这些资产多长时间。如果你不知道;大多数浏览器会缓存资产甚至整个页面,以加快网站的重复访问速度。

7\。不要使用页面构建器

页面构建器主题/插件(Divi、WP Bakery Page Builder、Beaver Builder 等)对于没有开发技能的人来说是构建和管理网站的简便方法。不幸的是,我从未遇到过表现良好的页面构建器。在构建真正高性能的东西和可以通过用户界面轻松编辑的东西之间总是需要权衡取舍。不幸的是,像这些一样灵活的页面构建器的牺牲是巨大的性能损失。如果您将其与通常不太理想的编码结合起来,结果是一个非常慢的页面。当然,你可以尝试这篇文章中的所有其他技巧,我相信你会看到一些性能,但我几乎可以打赌它仍然不是很好。

反而;使用精心打造的主题。如果您不想从头开始创建一个,请从一个好的主题开始并从那里进行自定义以获得所需的结果。或聘请优秀的开发人员!

8.使用 CDN

CDN 会对静态资产的交付产生巨大影响。 CDN 从地理分布的服务器网络交付您的内容(图像、样式表、脚本等),这些服务器网络针对提供静态内容进行了优化。我们在如何向 WordPress 添加 CDN,快速发布了一篇文章,如果您不确定,请前往阅读。

9\。使用 PHP 7+

这听起来不像是专门针对 WordPress 的提示,(而且我想这不是真的……)但它实际上是加速您的 WordPress 网站的一种非常简单的方法。许多 cPanel 和其他主机仍然在 php 5.6 或更早版本上运行。 PHP 5.6 和 7.0 已于 2018 年 12 月终止,因此继续使用它们实际上可能成为一个安全漏洞。但最重要的是,从 PHP 5.6 到 PHP 7.x 的速度和性能存在显着差异

在](https://gbksoft.com/blog/php-5-vs-php-7-performance-comparison/)周围有很多[比较,但测试表明,使用 PHP 7 可以将构建页面的时间缩短多达 50%,甚至更大程度地减少请求数量。