如何提高 WordPress 的速度和性能

已发表: 2021-10-22

速度就是一切。 网络受众的注意力非常短，谷歌将您的页面加载速度作为其 SEO 计算的一部分。

尽一切可能确保您的 WordPress 网站尽快加载的两个令人信服的理由！

WordPress 开箱即用的速度相当快。 只有当您开始向您的网站添加主题、插件、图像、视频和所有引人入胜的内容时，它才会开始变慢。

不过，有一种方法可以让你的蛋糕吃掉。

一种在您的网站上拥有富媒体、使用漂亮的主题并通过插件添加许多很酷的功能的方法。 同时保持页面加载时间短。

此页面将向您展示这种方式。

如何测量页面加载速度

在我们开始加速 WordPress 之前，我们认为运行速度测试是个好主意。

如果您现在运行一个并记录结果，并在完成本文中的步骤后记录另一个，那么您有可量化的证据表明您的网站更快。

我们建议使用两个工具来评估页面加载速度，来自 Google的Pagespeed Insights和GTMetrix 。

我们将在此示例中使用 GTMetrix。

  1. 访问GTMEtrix 网站并在框中输入您的网站 URL
  2. 选择蓝色的测试您的站点按钮并等待测试完成

测试完成后，您将看到如上图所示的结果。 它会给你一个从 A 到 G 的等级和一个绩效百分比。

这些结果越高，您的页面就越快。

您可以在这些结果中查看一些有用的指标，但我们不会在这里讨论它们，因为这本身就是一篇完整的博客文章！

可以这么说，我们希望从您现在的报告中得到的任何内容都达到 A 级，并且性能至少达到 95%。 如果我们的结构也能达到 90% 以上，那就更好了！

如何加快 WordPress

加速 WordPress 是一个过程。 以下包括您可以采取的一系列单独步骤来提高页面加载速度。 它们独立工作，但都结合在一起以创建一个整体上更快的网站。

并非所有步骤都与您相关，因此如果需要，不必担心跳过它们。

只要您遵循一些步骤，您仍然可以提高您的 WordPress 网站的速度！

提醒一句：虽然这些方法中的大多数都可以正常工作，但每个网站都是不同的。

如果您经营一家电子商务商店或一个非常繁忙的网站，您可能会受益于事先在临时网站上测试任何更改。

这样，如果出现任何问题，您可以在不影响访问者的情况下回滚更改。

使用快速的网络主机

我们将分享的第一个技巧是使用优质的网络主机。

共享虚拟主机很便宜，是启动网站的理想方式，但不是最快的。 您正在与数百甚至数千个其他网站共享该 Web 服务器，这会影响性能。

升级到专用托管、WordPress 托管、VPS 甚至专用云托管可以对您网站的性能产生巨大影响。

它的成本更高，但一旦你建立了追随者，它就值得了！

如果您的 GTMetrix 报告显示低分，请检查“性能”选项卡以了解：

  • 首次内容绘制——浏览器接收创建页面第一个像素所需的信息的速度。 越快越好。
  • 速度指数——页面在访问者浏览器中可见的速度。 越快越好。
  • 最大内容绘制——浏览器在页面上加载最大资源（通常是图像）的速度。 越快越好。

这些都是您可能需要更快的虚拟主机的迹象！

保持 WordPress 更新

WordPress 一直在不断开发和改进。 其中一些改进将包括错误修复、安全更新和代码改进。 所有这些都可以加速您的 WordPress 网站。

另外，保持 WordPress 更新是一种很好的做法！

这是如何做到的。

  1. 登录 WordPress从左侧菜单中选择仪表板
  2. 选择更新
  3. 如果 WordPress 通知您有可用更新，请更新 WordPress
  4. 如果您看到任何需要它的插件，请更新任何插件

绝大多数 WordPress 和插件更新都运行良好。 但是，如果您运行一个特别受欢迎的网站或商店，您可能希望在上线之前在临时站点上执行更新，以防万一。

使用优化的 WordPress 主题

您的 WordPress 主题使您的网站看起来很棒，但可能会影响页面加载时间。 如果您使用劣质主题或未优化的主题，它会显着减慢加载速度。

Stylemix 主题都针对速度进行了优化。

它们不仅看起来很棒并且包含您需要的所有交互性，它们还旨在快速加载并需要最少的资源！

使用 WordPress 缓存插件

每当访问者登陆该页面时，WordPress 都会动态创建页面。 这需要一些处理和数据库调用来收集所有信息以呈现给用户的浏览器。

这一切都需要时间。

WordPress 缓存插件获取完成页面的副本并将其保存在内存中。 下次访问者登陆页面时，插件不会从头开始构建，而是将副本发送到访问者的浏览器，从而加快整个过程。

缓存插件可以显着加快页面加载时间。

WordPress 缓存插件包括：

  • WP 超级缓存
  • WP火箭
  • LiteSpeed 缓存
  • W3 总缓存
  • WP 最快的缓存
  • 超高速缓存

周围有很多 WordPress 缓存插件，阅读评论，看看你最喜欢哪个。

优化您的图像

网站需要图像来保持有趣，突出商品和服务并帮助转换访问者。 但未优化的图像是会减慢页面加载速度的大文件。

优化的图像就是答案。

如果您在 GTMetrix 报告中看到较长的“最大内容绘制”时间，则需要优化图像。 虽然最大的元素可以是任何东西，但它通常是图像。

图像优化是在不影响图像质量或用户体验的情况下缩小文件大小的过程。 这可能听起来很技术，但有一些特定的插件可以提供帮助。

我们建议在上传到 WordPress 之前优化您的图像，然后使用插件进一步优化它们。

您可以使用计算机上的Mass Image Compressor等程序尽可能地缩小文件。 只需将图像裁剪为正确的大小并运行压缩即可。

然后，一旦上传到 WordPress，使用像Smush这样的插件来进一步优化它们。

最后，您应该在不影响质量或用户体验的情况下将图像优化为尽可能小。

使用内容交付网络 (CDN)

内容交付网络是加快 WordPress 页面加载时间的绝佳方式，但可能会花钱。

CDN 获取您网站及其所有文件的副本，并将其分发到世界各地的 CDN 服务器。 这个想法是让离访问者最近的服务器提供请求的页面，这样会更快。

例如，如果您的虚拟主机在德国，而您的访问者来自新加坡，那么由于传输时间的原因，页面加载会出现延迟。

但是，如果您在新加坡的服务器上使用 CDN，该服务器会将页面发送给用户，这会快得多。

内容交付网络包括：

  • Cloudflare
  • 快速
  • 关键CDN
  • 堆栈路径
  • 阿卡迈

不要在您的网站上托管音频或视频

富媒体是参与度的重要组成部分，每个网站都应尽可能使用它。

但是，虽然您应该在页面上展示音频和视频，但您不应该自己托管。

您可以将音频和视频直接上传到 WordPress，但这会花费您的存储空间和带宽。 如果您使用专用服务器，这不一定是问题，但如果您使用共享主机，则可能会出现问题。

您最好使用YouTube 、 Vimeo 、 SoundCloud等服务来实际托管视频并将其嵌入到您的页面中。

这样，您就可以使用富媒体，但不必担心它会降低您的网站速度！

仔细选择你的插件

WordPress 插件为网站添加了基本功能，我们都至少使用了一些。 但是，就像任何事情一样，质量胜于数量。

这并不意味着仅仅因为它们更好而购买高级插件，因为它们并不总是更快。

这意味着仔细选择您的插件，阅读评论并检查插件减慢网站速度的投诉。

您也可以在上传到现场之前在您的登台网站上对其进行测试，以确保。

缩小 CSS、HTML 和 JavaScript

缩小是一个术语，用于描述从文件中删除任何不必要的数据以使其更小、更高效。

这可能包括分页符、不必要的主题代码、调用 WordPress 主题中未使用的元素的代码以及其他无用的垃圾。

一些缓存插件将 CSS、HTML 和 JavaScript 缩小为功能的一部分，但也有一些插件可以做同样的事情。

自动优化是一个非常受欢迎的缩小选项，因为它免费且非常有效。

如果不想使用插件，可以使用在线工具进行优化和缩小。 一些选项包括CSS Minifier 、 JavaScript Minifier和 Google 自己的Closure Compiler 。

移除阻止渲染的 JavaScript 和 CSS

阻止渲染的 JavaScript 和 CSS 是阻止页面对用户可见的代码。

您可以在 GTMetrix 报告的 Waterfall 选项卡上看到阻止渲染的 JavaScript 和 CSS。 它列出了任何减慢加载序列的内容，包括此代码。

当浏览器加载页面时，它需要在页面本身变得可见之前处理 JavaScript 和 CSS。

您拥有的代码越多，呈现页面的延迟就越长。

好消息是，如果您安装了 Autoptimize 来缩小文件，该插件还可以删除渲染阻止文件。

WP Rocket和其他一些缓存插件也可以选择删除阻止渲染的 JavaScript 和 CSS。

利用浏览器缓存

如果您之前使用过 GTMetrix 或 Pagespeed Insights，您会看到一条消息“利用浏览器缓存”。

此后，它已被“使用有效的缓存策略提供静态资产”所取代，但本质上是相同的。

浏览器缓存是一种在访问者浏览器上保留网页副本的方法。 因此，如果他们再次访问，浏览器将立即加载自己的副本，从而改善用户体验。

它通过将Cache-Control 标头和ETag 标头添加到访问者的浏览器来实现此目的。

Cache-Control 标头告诉浏览器保留副本多长时间， ETag检查自该副本以来的任何更改。

要利用浏览器缓存，您需要修改 .htaccess 文件或使用缓存插件。

在继续之前，检查您之前安装的缓存插件是否设置了Cache-Control Headers和 ETag Headers是有意义的。 WP Rocket 可以，其他插件也可以。

.htaccess 文件在 Apache 中用于控制谁可以访问您的网站，并为 URL 和目录访问提供一些基本规则。

如果您的主机使用NGINX ，您将没有 .htaccess 文件。 由于大多数网络主机似乎都使用 Apache，我们将继续使用它。

您会在您的网络主机的根文件夹中找到您的 .htaccess 文件。 在进行更改之前，请复制一份。

然后：

  1. 选择您的 .htaccess 文件，右键单击并选择编辑
  2. 将以下内容粘贴到文件底部的“# END WordPress”之前，完成后保存

#Customize 过期缓存开始


<IfModule mod_expires.c>
 FileETag MTime 大小
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript
 过期活动在
ExpiresByType text/html “访问 600 秒”
 ExpiresByType application/xhtml+xml “访问 600 秒”
 ExpiresByType text/css “访问 1 个月”
 ExpiresByType text/javascript “访问 1 个月”
 ExpiresByType text/x-javascript “访问 1 个月”
 ExpiresByType 应用程序/javascript “访问 1 个月”
 ExpiresByType application/x-javascript “访问 1 个月”
 ExpiresByType application/x-shockwave-flash “访问 1 个月”
 ExpiresByType 申请/pdf “访问 1 个月”
 ExpiresByType image/x-icon “访问 1 年”
 ExpiresByType image/jpg “访问 1 年”
 ExpiresByType 图像/jpeg “访问 1 年”
 ExpiresByType image/png “访问 1 年”
 ExpiresByType image/gif “访问 1 年”
 ExpiresDefault “访问 1 个月”
 </IfModule>
 #Expires 缓存结束

您可以将这些设置更改为您喜欢的任何时间段，但我们发现这些设置工作正常。

数据库优化

WordPress 是一个数据库驱动的内容管理系统。 该数据库中的数据和表格越多，WordPress 必须进行越多的搜索才能找到所需的内容。

这就是数据库优化的用武之地。

如果您了解数据库，那么有很多方法可以优化它们。 对于我们这些凡人来说，有 WP-Optimize。

WP-Optimize是一个免费的 WordPress 插件，可以为您完成所有艰苦的工作。 它整理数据库，优化表格，甚至优化您的图像。

不过，我们建议您在访问数据库之前对您的站点进行完整备份，以防万一！

在 WordPress 中延迟加载长页面和帖子

延迟加载图像曾经对于加快页面加载时间至关重要。 您知道还有延迟加载长页面和帖子的选项吗？

由于 WordPress 现在默认延迟加载图像，因此为页面和帖子设置延迟加载是有意义的。

有一些插件，包括WordPress Infinite Scroll和WP Ajax Load More Pagination 和 Infinite Scroll 。

两者都缩短了延迟加载页面的工作，以提供适度但明显的页面加载时间提升。

在您的主页上使用摘录

我们可能在这里进入了边际收益的领域，但每一点都有帮助。 就像在您的主页上使用博客文章的摘录一样。

WordPress 中的默认行为是显示整个博客文章，这会降低包含多个文章的页面的速度。

WordPress 中有一个设置将其限制为摘录，加载速度要快得多。

如果您在主页上展示您的最新帖子，则需要调整此设置！

  1. 导航到WordPress 菜单中的设置和阅读
  2. 将“对于提要中的每个帖子，包括”设置为摘录
  3. 选择保存更改

这不仅可以使您的页面加载速度更快，而且在您展示最新帖子的任何地方都应该保持干净整洁。

每页限制评论

限制每页评论是另一个边际收益，但如果您收到大量评论，肯定会影响速度。

与其加载对帖子或页面所做的每条评论，不如限制它们将它们分成页面。 这减少了渲染页面所需的处理，从而加快了加载速度。

  1. 导航到WordPress 菜单中的设置和讨论
  2. 选中“将评论分成几页”旁边的框，并将评论数设置为 10-20
  3. 选择保存更改

您可以将评论数量设置为您喜欢的任何内容。 显然，您加载的评论越少，页面越快，但您需要平衡这与可用性和鼓励对您的帖子发表评论。

减少重定向

重定向是将 URL 重定向到帖子或页面中的另一个 URL。

例如，如果您最近从使用 HTTP 切换到 HTTPS，您将使用重定向将访问者发送到正确的域。

重定向用于各种事物，是 SEO 和可用性的重要组成部分。 您的网站越成熟，越老，您可能拥有的重定向越多。

那么如何将它们最小化呢？

一种方法是在 .htaccess 文件中使用重定向。

在上面的示例中，可以在 WordPress 中完成从 HTTP 到 HTTPS 的重定向，但在服务器级别执行此操作更有效，因为它要快得多。

您会在您的网络主机的根文件夹中找到您的 .htaccess 文件。 在进行更改之前，请复制一份。

然后：

  1. 选择您的 .htaccess 文件，右键单击并选择编辑
  2. 将以下内容粘贴到文件底部的“# END WordPress”之前，完成后保存

<IfModule mod_rewrite.c>

重写引擎开启
RewriteCond !{HTTPS} 关闭
重写规则 ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
 RewriteCond %{HTTP_HOST} !^www\.
 重写规则 ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

 </IfModule>

该代码告诉您的 Apache 服务器自动将 HTTP 流量重定向到 HTTPS，从而使 WordPress 不必这样做并加快页面加载时间。

重定向是一个广泛的主题，所以与其在这里让您感到厌烦，为什么不阅读 WPEngine 上的 WordPress 重定向指南呢？

减少后期修订

对一个页面或帖子进行多次修订是否会减慢您的网站速度，目前尚无定论。

不过减少它们并没有什么坏处。 如果不出意外，它会让您的数据库保持整洁！

您需要为此编辑 wp-config 文件，该文件位于您的 WordPress 目录中。

  1. 右键单击 wp-config 并选择编辑
  2. 将以下代码粘贴到文件底部并保存

定义（'WP_POST_REVISIONS'，5）；

您可以设置任意数量的修订，只需将“5”更改为所需的数字。 一旦修订数量超过此数量，数据库将删除最旧的修订。

禁用盗链

如果您经营一个使用大量原始图像的网站，您会很快找到链接到您的资产的人。

他们不会截取资产的屏幕截图或链接到页面，而是直接链接到该资产，以便它出现在他们的页面上，同时仍然托管在您的页面上。

这称为热链接。

来自您自己的访问者和热链接页面的网站的所有流量都将使用您的网站资源，这可能会减慢加载时间。

您可以通过添加到 .htaccess 文件中的另一段代码来阻止它。

  1. 选择您的 .htaccess 文件，右键单击并选择编辑
  2. 将以下内容粘贴到文件底部的“# END WordPress”之前，完成后保存

#禁用图片盗链

重写引擎开启
重写条件 %{HTTP_REFERER} !^$
 RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsiteURL.com [NC]
 RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
 重写规则 \.(jpg|jpeg|png|gif)$ - [NC,F,L]

只需将您看到“yourwebsiteURL.com”的位置更改为您的特定网站 URL，您就可以开始了。

加快 WordPress

这就是加快 WordPress 的速度。

现在是再次在 GTMetrix 中检查您的网站速度的好时机。 如果您实施了其中许多步骤，我们打赌您现在会看到很多改进！

有很多东西需要做，也有很多改变，但我们希望我们已经解释了为什么以及如何足够让你遵循。

你最终应该得到一个更精简、更简洁、更快的 WordPress 网站。 它应该与往常一样工作，但速度更快。

您还有其他加快 WordPress 速度的技巧吗？ 遵循本指南并想分享结果？ 在下面的评论中告诉我们！