点击阅读WordPress 速度优化的完整指南原文

网站速度很重要，这是你应改知道的。

没有人喜欢加载速度缓慢的网站，尤其是Google。

因此，除非您希望获得的是用户体验不好并减少在Google搜索引擎中获得展示排名的机会，否则是时候优化WordPress网站了。

毫无疑问，有足够多的教程涵盖了优化和加速WordPress的方法，但是似乎还没有一篇文章尝试包括所需的一切方法。因此，在本篇博文中，我们将分享我们所知道的，并且是您只需知道的关于WordPress 速度优化的所有信息和知识，这样您可以立即开始优化和加速您的网站。

根据W3Techs的资料，WordPress目前在CMS的市场份额中占34.5％，使其成为迄今为止世界上最受欢迎的内容管理系统。受欢迎程度很高，意思是我们都喜欢WordPress，但是这样的结果对于普通用户而言，他们对大量的插件发了疯。我们当中许多人已成为受害者，毕竟，WordPress插件存储库中有55048个插件，因此很容易知道人们为什么会这样。

如此说来，无论您是WordPress的新手，还是多年来一直在开发和设计WordPress网站的人，您都会发现本指南可帮助您提高WordPress的速度。

但请放心，因为我们已决定通过此完整的WordPress速度优化指南来改变这种情况。 

本指南将指导初学者、中级用户和高级用户完成其网站优化的整个过程，以使其尽快加载。

网站为什么要快速加载？因为Google要求。

但是，事不宜迟，让我们开始吧。

目录  隐藏

初学者的WordPress 速度优化技巧

本指南的先决条件

0 测试您网站的速度 – 创建一个网站

GOOGLE PAGESPEED

PINGDOM工具

GTMETRIX

1 选择一个快速的主机

2 选择正确的WordPress主题

3 更新您的WordPress、主题和插件

4 使用PHP 7及更高版本以获得最佳性能

5 使用SSL/HTTPS和HTTP/2

6 重新考虑您的插件使用

7 使用缓存来加速WordPress

8 图像优化

选择正确的图像格式

使用图像压缩

9 设置Cloudflare及其内容交付网络（CDN）

安装CLOUDFLARE

主页

设定页面

CLOUDFLARE中的设置

10 延迟加载YouTube视频和图像

1.安装插件

2.配置插件

11 指定图像尺寸

12 服务缩放图像

13 头像优化

14 延迟加载的Disqus

15 限制帖子修订

16 使用AMP（加速的移动页面）

使用CLOUDFLARE设置AMP

使用插件设置AMP

测试您的AMP

17 限制蜘蛛和爬虫

18 使用不带的Javascript社交分享按钮

中级用户的WordPress 速度优化技巧

19禁用表情符号

20 禁用WordPress中的嵌入

21 删除查询字符串

22 禁用XML-RPC

禁用PINGBACKS

禁止访问XMLRPC.PHP

23 删除RSD链接

24 删除jQuery Migrate

25 隐藏WordPress版本

26 删除wlwmanifest链接

27 删除RSD链接标签

28 删除短链接标签

29 禁用RSS源

30 禁用自我Pingbacks

31 删除REST API链接

32 禁用Dashicon

33 禁用谷歌地图

34 禁用Contact Form 7 JS/CSS

35 禁用心跳

36 禁用WooCommerce样式表

37 禁用购物车碎片

38 禁用WooCommerce小部件

39 删除WooCommerce元框

40 避免使用Google字体和在使用本地服务器字体

41 使用WOFF2字体代替WOFF

42 优化Font Awesome Icons

43 连接CSS和Javascript

高级用户的WordPress 速度优化技巧44 修复渲染阻塞脚本和CSS

使用异步JAVASCRIPT插件

启用异步JAVASCRIPT

快速设定

异步JAVASCRIPT方法

JQUERY

异步脚本、延迟脚本和脚本排除

查找脚本进行优化

插件排除

主题排除

插件的异步JAVASCRIPT

44.2 使用W3 TOTAL CACHE进行优化

45 减少重定向并强制执行SSL

使用WWW版本

使用非WWW版本

强制SSL

更新旧网址

使用代码更新

使用插件更新

46禁用热链接

禁用CLOUDFLARE的热链接

47 将Expires标头添加到静态资源

使用W3 TOTAL CACHE配置过期

48 预加载、预取和预连接

48.1 预加载

预加载用例

48.2 预取

48.2.1链接预取

48.2.2 DNS预取

48.2.3 预渲染

48.3 预连接

49 在每页和每篇文章的基础上禁用脚本

50 切换到Nginx或Litespeed

50.2 配置NGINX反向代理

51 启用压缩

Apache服务器

NGINX服务器

52 改善WordPress搜索

免费增值解决方案

开源解决方案

53 使用MariaDB代替PostgreSQL

54 将所有MyISAM转换为数据库中的InnoDB表

55 将MySQL索引添加到WordPress wp_options表

56 调优MySQL数据库

调整脚本

资源

57 配置Redis

58 使用InstaClick

59 找到最慢的页面并修复它们

60 通过深入研究WordPress找到瓶颈

测试优化结果

结论：WordPress 速度优化

初学者的WordPress 速度优化技巧

本指南的先决条件

在我们直接阅读本指南并开始优化您的网站之前，有必要进行一些整理。

本指南适用于任何人使用，要充分利用本指南，已经基本会使用WordPress的人将会更有帮助。

帮助您有效遵循本指南的另一个前提条件是创建一个子主题。子主题使对网站的更改变得更容易（风险也更低）。使用子主题还可以确保更新主题时不会覆盖您对主题文件所做的任何更改。

对于本指南后面将介绍的一系列优化，您会注意到我们选择与您共享代码段，您必须将这些代码段放置在某些文件中。我们可能还建议使用一些插件，使其更容易使用，但这样做会违背本指南的目的。但是，在某些情况下，我们建议使用插件进行某些优化，因为可能某些情况太过复杂而无法复制。

如果您对代码或编辑WordPress文件的一般想法感到不舒适，则无需担心 – 下面提供了清晰明了的说明，并为您提供了可以复制粘贴到您的网站中的代码。

0 测试您网站的速度 – 创建一个网站

为了评估我们自己的建议和本WordPress 速度优化指南的有效性，我们创建了一个全新的网站并自己进行了所有优化。

我们建议您这样做，因为这样做可以使您在应用这些更改之前先比较网站的性能，以便能够正确评估所做更改的结果。

以下是使用Pingdom、GTMetrix和Google Pagespeed Insights进行的性能测试的结果。作为参考，我们测试的网站使用MyThemeShop的Schema架构主题。

GOOGLE PAGESPEED

PINGDOM工具

GTMETRIX

您可能会认为，在调整和优化网站之前，该网站的性能已经不错。的确如此，因为我们正在使用推荐的WordPress主机（稍后再介绍）以及高性能Schema主题。

但是，一个网站永远不可能太快，所以让我们尝试突破自己的极限，让该网站的性能更好。

1 选择一个快速的主机

在提高网站速度方面，选择快速的虚拟主机是最重要的决定之一。使用慢的主机不一定意味着您无法优化您的网站，但可以将其与在摇摇欲坠的基础上建造建筑相提并论。您永远不知道何时以及是否会跌落。

免费和无限量的主机在纸面上听起来都很棒，但是在现实世界中，没有什么是免费和无限的。明智的选择是不要选择一个有令人发指的不合理承诺的主机。

有许多特征可以定义出色的WordPress主机，其中包括：

  • 快速的服务器响应时间（或第一个字节时间TTFB）
  • 针对 WordPress优化的技术/托管技术栈
  • 强大的客户支持

衡量主机质量的最常见方法是检查TTFB。TTFB或第一个字节的时间是服务器响应所花费的时间，它表示服务器有多快。

评估特定主机的质量并将其与您正在考虑的其他主机进行比较的一种方法是检查TTFB。从本质上讲，这是服务器响应所花费的时间，因此代表了服务器的运行速度。

要测试TTFB访问，请使用ByteCheck并在其中输入您的URL。这个免费的TTFB测试工具将显示您网站的响应时间。这是我们的结果：

为了节省您研究网络主机的麻烦，我们已经花了很多时间，并且由于您已经在阅读本指南，因此我们将本节简化。我们建议选择使用DigitalOcean（点这个链接注册，免费获得100美元为期2个月的赠款，很划算）的VPS主机，或使用我们的一服客平台创建网站也可以。这两个产品我们都在用。如果选择DigitalOcean（点这个链接注册，免费获得100美元为期2个月的赠款，很划算）的主机，则可以选择我们的 WordPress LEMP服务器软件架构部署 和 WordPress 安装配置服务，我们将为您安装一个超快速和稳定的 WordPress优化服务器技术栈。

2 选择正确的WordPress主题

您是否会购买一辆外观漂亮、功能众多、时速仅5英里的汽车？我认为不会。

可悲的是，大多数 WordPress主题 都是以相同的方式构建的。它们看起来不错，具有比您想象中更多的功能，但是它们并不关注性能。

在开始时这对您而言似乎并不重要，并且您可能会阅读本节，认为您将只是进一步优化图像或利用缓存即可。这可能很苛刻，但要记住，重要的一点是，可以使一个主题表现出色，而一个可以在负载下表现出色的主题之间则存在巨大差异。

大多数主题并非旨在为数百甚至数千名访问者提供帖子和页面。 

显然，我们有偏见，但是我们建议从MyThemeShop中选择一个主题。我们构建的主题具有闪电般的性能，能够在负载下表现出色，但也具有创建所需网站所需的所有功能。如果您想尝试其中的任何一个，都可以尝试使用Schema和SociallyViral；

MyThemeShop的主题特别具有专用的性能功能，这些功能将帮助您消除开发人员使用的许多其他第三方插件，从而帮助您进一步优化网站。

无论您选择哪种主题，始终要优先考虑性能而不是功能。

3 更新您的WordPress、主题和插件

正确地 更新和维护主题和插件，不仅是保持WordPress网站快速运行的重要组成部分，而且对于您希望站点安全是至关重要的。

唯一的例外是主要版本。

例如，当WordPress 5.0发布时，马上更新可能不是最好的决定 – 出于以下几个原因：

  • 许多插件可能与新版本不兼容
  • Alpha版本（X.0版本）通常是错误的，不适合生产（实时网站）
  • 性能问题仅在alpha发行版之后的几个发行版中得到解决

由于这些原因，您不应该尽快更新到主要更新。这些原因并不仅仅适用于WordPress。在更新之前，还应仔细考虑主题和插件的主要发行版，因为它们也可能出现相同的问题。在其他情况下，请保持WordPress设置、主题和插件为最新版本。

这不仅适用于WordPress，而且实际上适用于所有软件以及主题和插件。但是，在所有其他情况下，请始终确保您的WordPress安装（包括主题和插件）正在对公众可用的最新版本上运行。

4 使用PHP 7及更高版本以获得最佳性能

PHP是用于支持WordPress的基本开源服务器端脚本语言。大多数WordPress核心软件以及您的插件和主题都是用PHP编写的。

您应该确保WordPress主机至少提供PHP 7或更高版本。

这实际上是相当痛心地看到，所有的WordPress安装只有6.8％的的使用PHP 7.3，而高达28.6％仍在使用2014年8月发布的PHP 5.6。

甚至WordPress社区自己现在也建议您使用PHP 7.2或更高版本。

您能想象使用2014年发布的手机吗？我当然不能，缓慢的响应时间会使您发疯。

如果您使用PHP 5.6，这就是您网站访问者的感受。

解决方案是选择一个支持PHP 7.2并主动保持其技术堆栈最新的（包括WordPress）主机。

同样，我们建议您使用DigitalOcean部署 WordPress服务器技术栈。

我们的一服客平台和WP站长使用PHP 7.4。这意味着您的网站速度不会受到任何限制，并且在任何WordPress主题或插件下都可以达到最佳性能。

5 使用SSL/HTTPS和HTTP/2

虽然使用SSL证书不会直接影响WordPress的速度，但仍强烈建议您这样做。

首先，也许也是最重要的一点，谷歌已经确认正确使用HTTPS/SSL是搜索引擎排名的因素，这意味着未为您的网站配置SSL证书也意味着您将在搜索结果中落后。

当Google在几个月后开始突出显示非安全网站时，也会放大这个原因。如果您的网站不安全，则在地址栏中会向用户显示一个红色的巨大标志，指示“不安全”。如果要在用户眼中保持信任，避免此消息将至关重要。

第二个原因是消费者信任。由于具有SSL的网站在地址栏中显示有绿色的挂锁标志，因此它们看起来更安全并增强了信心。信任对于您网站上的任何转化至关重要，因此，无论您是运行博客还是电子商务网站，都应切换到SSL。

第三个原因是安全性。

在最近的GDPR法规中，数据隐私和安全性至关重要。不符合规定的网站将被处以最高2400万美元的罚款或其年收入的4％，以较高者为准。我们不了解您，但我们当然不希望支付高额罚款。在您的网站上安装SSL证书将对与您的网站之间传输的数据进行加密，这将使您的网站更加安全。除了确保可以安全（SSL加密，HTTPs连接）访问您的站点之外，我们还建议您使用支持HTTP/2的主机。HTTP/2是2015年发布的一种网络协议，旨在加快网站加载速度。首先，它需要HTTPS（SSL）。如前所述，我们建议您使用DigitalOcean。

随着整个网络（包括您的竞争对手向HTTPS的迁移），这不再只是一个不错的功能；这是必要的功能。实际上，每个人（也许最重要的是您的竞争对手）向HTTPS迁移，这不再是一件好事。如果您希望自己的网站表现出色并超越竞争对手，那绝对是必不可少的。

由于更新到HTTP/2而导致的性能改进归因于许多原因，其中包括对多路复用，并行性等的更好支持。除此之外，如果您决定切换到HTTP/2，则对您的网站而言，另一个大的胜利就是您不必担心级联（文件的组合）或域分片，因为这些优化现在已经过时了。

6 重新考虑您的插件使用

您可能已经听说安装太多WordPress插件会减慢您的网站速度。尽管显然有一些道理，但实际上您安装的插件数量并不像插件的质量那么重要。

与WordPress主题（我们在本文前面介绍过）的情况一样，真正重要的是插件的开发方式 – 它是在考虑性能的基础上构建的吗？

考虑到官方的WordPress插件存储库有超过55000个可供选择的插件，这是一个大问题，这并不使我们感到惊讶。

找到合适的插件可能很困难，我们为您筛选了必要的高质量WordPress插件列表。

使用MyThemeShop主题将使您获得显着优势。我们的主题涵盖了大多数功能，例如开箱即用地延迟加载图像。

这意味着您不需要寻找多个插件来完成不同的任务。

7 使用缓存来加速WordPress

缓存是最重要的也是加速WordPress的最简单方法之一。

这是一种非常强大的技术，可以使您的WordPress加载时间仅是以前的一小部分。当要大规模提高页面加载时间时，缓存绝对是产生最显著结果的技术之一。

WordPress中的缓存是通过插件实现的，而在WordPress中设置缓存的最好的插件之一是W3 Total Cache。这是一个具有许多配置和选项的综合插件。您可能也想看看WP Rocket。由Imagify的制造商提供 – 我们也推荐的另一种WordPress图像优化插件，该插件基本上可以为您完成所有工作，并且与Cloudflare进行了很好的集成，以确保在更新帖子和页面时，它也可以更新Cloudflare缓存。

简而言之，这是一个对初学者友好且为您量身定制的WordPress缓存插件。

但是，请务必注意，WordPress缓存插件只会加快缓存的请求，而会降低没有缓存的请求。考虑到常规缓存的命中率介于10％至25％之间，缓存插件在技术上会降低约75％的访问者的网站速度。这并不意味着我们不建议您使用缓存插件 – 但是使用基于服务器的缓存解决方案是理想的解决方案。

静态资源（例如图像和脚本）的缓存可以由Cloudflare处理。这是我们将在本指南的后面部分介绍的内容。

在我们最近使用W3 Total Cache进行的实验中，正确地配置它产生了以下结果。

W3 Total Cache并不是那么容易安装。正于上面所说的，简单的方法是使用WP Rocket。

8 图像优化

您的网站很可能会严重依赖图像。

一个简单的方法可以同时加快您的网站速度，节省带宽和存储空间，是使用我们将在本文中介绍的其中一个插件开始优化您的图片…