WordPress速度优化总指南

已发表: 2021-04-19

想象一下，你正在开一个大型会议，而你的团队整整一个月都在排练。 在所有这些准备工作之后，一名被指派给你带来演示所需的笔记本电脑的队友正在后面跑。 而且，队友比预定时间晚了十分钟，你的潜在客户已经等不及了。

好吧，这听起来太有害了，不会与客户相处得很好。 现在，您可以想象访问者需要坐下来等待您的网站在浏览器中加载时的感受。 如果某些网页的加载时间超过十秒，您认为他们会怎么做？ 甚至六个？ 四？

网站的速度很重要，这已经不是什么大秘密了。 没有人想要一个加载缓慢的网站——尤其是谷歌。 因此，除非您想建立糟糕的用户体验并降低在 Google 中排名的机会，否则是时候对 WordPress 速度优化做点什么了。

几乎 40.0% 的网络由 WordPress 提供支持，有十万个插件、主题和其他技术必须共存以优化 WordPress 以提高速度。 当他们的网站设置为瓶颈时，日常的 WordPress 用户可能会发现这是一场噩梦，他们甚至不知道为什么。

在这里，我们将绝对分享有关 WordPress 速度优化的所有信息，以便您今天就可以开始加速您的网站。 希望我们可以指导 WordPress 性能优化，而无需过于技术化或“基于代码”。 事实上，我们努力避免这里的代码示例。

那么，你准备好了吗？ 让我们开始。

i) 是什么减慢了您的 WordPress 网站的速度？

首先，让我们看看一些导致您的网站变慢的重要罪魁祸首。 这些是您应该集中注意力的部分。

一个。 图片

古怪的图像大小会影响网站速度。

湾。 视频

像视频背景这样的 WordPress 功能很酷，但它们也是对网站速度的实际性能拖累。

C。 WordPress 插件

WordPress 插件绝对是巨大的救星，但“哪个”和“多少”会有所不同。

d。 WordPress 主题

相同的规则适用于主题。 一个好的 WordPress 网页设计是必不可少的。 但是，编码不佳的主题有太多的文件和脚本会给您带来麻烦。

e. 脚本

任何含有过多 JavaScript、jQuery 或其他第三方脚本的东西都会降低您的网页速度。

F。 蜜蜂

API 绝对有助于内容管理。 但是，如果您的网站连接的服务器很慢，那么网站响应就会很慢。

G。 邋遢

马虎可能发生在您的媒体文件夹、插件、博客内容或数据库中。

H。 断开的链接

一两个断开的链接并不可怕。 但是，当您的服务器继续在该断开的连接上工作时，一个充满断开链接的站点可能会影响用户体验并降低速度。

一世。 重定向

同样，重定向可以防止访问者遇到损坏的链接/旧的 URL，但是它们太多是服务器的工作量。

在我们开始之前……

ii) 备份、分段和测试

备份 WordPress 网站的最佳策略是创建一个新的子域（例如 testing.domain.com）并对其进行所有优化工作。 大多数托管服务提供商，如 WPEngine、Siteground、Kinsta 和其他受欢迎的公司都提供一键式登台。 如果您的托管公司不为您提供临时站点创建，您可以使用免费或高级备份插件来获取备份。 当您对临时站点上的结果感到满意时，您可以将您的基本更改合并到您的实时网站中。 现在，您的网站已针对速度进行了优化，没有任何问题。

您可以采用的另一种技术是构建子主题。 使用子主题可确保在主题文件中所做的更改不会覆盖在父主题上。

最后，使用这些 WordPress 速度测试站点测试您当前的速度。

  • 谷歌页面速度
  • GTmetrix
  • 王国

现在，让我们开始 WordPress 性能优化的步骤。

1.选择高性能的网络托管服务商

让我们从具有以下特征的托管公司开始：

  • 一个专门从事 WordPress 托管的人——他们确实了解与 CMS 相关的固有性能问题
  • 提供一些托管托管选项
  • 使用最新最快的技术
  • 包括缓存和 CDN
  • 出色的客户支持不会受到伤害

但是我们如何才能选择最好的呢？

衡量托管质量的最简单方法是检查 TTFB。 到第一个字节的时间表示服务器的响应时间，基本上代表了服务器的速度。 您可以使用 ByteCheck 进行免费的 TTFB 测试。 WPengine、Kinsta、SiteGround、Bluehost、HostGator等，是一些值得信赖的网站托管服务商。

2.使用缓存

网站缓存是一种存储网页的静态 HTML 版本并稍后在访问者访问网站时重复使用的技术。 这样，浏览器就已经拥有有关该站点的所需信息，从而提高了 WordPress 的速度。

特别是对于不经常更新的静态站点，使用缓存插件将是最大的好处。 WP Rocket、Cache Enabler、WP Super Cache、W3 Total Cache 等都是市面上最好的。

这些插件降低了服务器上的加载时间并处理其他速度优化任务，例如：

  • 浏览器和页面级缓存
  • Gzip 文件压缩
  • 合并 CSS 和 JavaScript 文件
  • CSS、HTML 和 JavaScript 缩小
  • CDN 集成

如果您的托管服务提供商已经配备了缓存系统，则无需添加额外的插件。

3.明智地选择你的插件和主题

您是否知道主题和插件会给他们的服务器带来压力？ 这就是为什么您需要对 WordPress 主题和插件的使用挑剔的原因。

一个。 正确的 WordPress 主题

编码不佳且未更新的主题会向页面添加无用的脚本，从而导致页面加载体验不佳。 因此，在将其安装到您的网站之前，请先选择质量控制问题。 可悲的是，市场上大多数免费的 WordPress 主题在设计上看起来都不错，并且功能更多，但忽略了性能。

我们优秀的主题带有一组专用的性能功能，并且无需额外的第三方插件。

湾。 只使用最需要的插件

选择 WordPress 插件时，请记住以下提示：

  • 了解插件是否必要或某些 WordPress 功能/简单编码可作为插件的补充。
  • 查看每个插件以及性能方面的注意问题 - 切勿安装有问题历史的东西。
  • 寻找具有多种特性和功能的插件，这样您就可以只使用一个而不是这么多
  • 更新主题和插件是保持网站安全和快速的必要条件。 但同时，一些更新可能会使主题/插件和 WordPress 不兼容。 因此，只有在更新有用时才安装。

C。 重新考虑你的插件使用

是的，使用太多 WordPress 插件会以某种方式降低您的网站速度。 但是插件的数量并不像您使用的插件的质量那么重要。 真正重要的是该特定插件是如何开发的——它是否考虑到了性能？ 这意味着，您可能还想查看一些旧插件并将它们替换为新的和轻量级的插件。

4. 使用 PHP 7 及以上版本

你听说过 PHP 版本吗？ 你必须有。 PHP 是一种开源的服务器端脚本语言。 您的大多数主题和插件，以及核心 WordPress 软件，基本上都是用 PHP 编写的。

首先，确保您的 WordPress 主机至少使用 PHP 7 或更高版本。 根据数据，只有 6.8% 的 WordPress 网站使用 PHP 7.3，但另外 28.6% 的网站仍然使用 PHP 5.6（2014 年发布）。

如果有人给你一部 2014 年发布的手机怎么办？ 它会有一个缓慢而迟缓的反应，让你发疯。

这正是您的访问者对 PHP 5.6 的感受。

5. 使用 SSL/HTTPS

SSL 证书不会直接影响 WordPress 的速度，但仍然强烈建议您获得一份。 首先，重要的是，Google 确认正确使用 HTTPS/SSL 可以让您获得更好的排名。

此外，由于 SSL 认证的网站在地址栏上方有一个小的绿色挂锁标志，它们增加了客户的信心。

另一个原因是安全性。 在您的网站上拥有 SSL 证书将加密进出您网站的数据/信息传输，使您的网站更加安全。

6.图像优化

在您的网站上有图片总是一件好事。 但是错误的类型可能是您网站的最大灾难。 加快网站速度的一种快速方法是优化图像。

您知道图像优化如何使您的网站更快吗？ 它可以减少您网站的带宽使用，快速打开以保持用户的参与，并且不要让谷歌搜索引擎有更多理由讨厌您的网站。

有不同的方法来优化图像。 我们将在这里了解它们的所有信息。

一个。 选择正确的图像格式

这十年中最常用的图像格式是 JPG、PNG、SVG 和 GIF。 GIF 主要用于动画图像，JPG 和PNG 用于静止图像。 在这两者中，JPG（或JPEG）格式是显示多色图像的理想选择。 SVG 格式明确用于徽标。 PNG仅在不可能使用SVG的情况下使用，并且必须保留图像的透明度，因此JPG也无法选择。

但是互联网上有如此多的编辑应用程序，您不应该对选择哪种图像格式感到困惑。 XnConvert 就是这样一种工具。 您可以将图像拖放到此处并以最小尺寸格式保存。 您还可以使用 XnConvert 来调整大小、裁剪、更改图像格式，以及更多数百个。

湾。 使用图像压缩

现在您已将文件保存为 JPG 和 PNG 格式； 是时候压缩文件了。

那是什么？

当您第一次拍摄图像时，它被认为是 100% 的质量。 您可以将图像质量（压缩）降低到更小的尺寸。 您可以将 JPG 图像文件压缩到 85-90%，无需任何更改。

您可以在上传图像之前手动转换图像，也可以只使用插件。 有很多已知的插件可以在 WordPress 中压缩图像。 ShortPixel Image Optimizer、reSmush.it、EWWW 图像优化器和 WP 压缩器是一些有益的工具。

但是，不正确的图像优化也会损害您网站的性能。 一些最好的图像优化技术是基于服务器的图像优化并在上传之前在本地优化图像。

作为替代方案，可以使用 LiteSpeed 插件，它基本上是一个缓存插件，也允许使用 Google Pagespeed 插件进行图像压缩。 由于 LiteSpeed 会压缩其服务器上的所有图像，因此您的服务器的响应时间不会影响操作。 但是你需要分批压缩它们。

C。 指定图像尺寸

指定图像尺寸主要与用户体验有关。 让我们学习一下。

当页面首先加载文本时，图像大小也随着页面布局的设置而确定。 但是在同时下载图像后，浏览器会发现不同的图像尺寸并自动调整页面的布局。 基本上，对于一段时间后的每个后续图像加载，浏览器都需要重新创建页面布局。 通过这样的更改，当页面不断移动时，访问者将无法阅读文本。

预先指定图像尺寸可以让您免于这种麻烦。

d。 提供缩放图像

如果您的主题未针对处理图像进行优化，则必须这样做。 理想情况下，您只需将正在使用的主题更改为具有图像优化功能的主题即可。 或者，您也可以使用 Force Regenerate Thumbnails 或 Regenerate Thumbnails 等插件来构建缩略图。 在使用此类插件之前，只需为缩略图设置正确的大小。

7.头像优化

全球头像可让您以及您的网站评论者在他们的个人资料中获取图片。 毫无疑问，使用 Gravatar 具有巨大的优势，但最显着的缺点是加载速度慢。 最重要的是，Gravatar 还包含多个重定向，以进一步降低您的网站速度。

您可以通过以下方式避免 Gravatar 引入的臃肿：

  • 在您的网站上禁用 Gravatar
  • 从帖子中删除过多和垃圾评论
  • 在您的评论表单上添加 reCAPTCHA
  • 将 WordPress 设置配置为一次仅显示几条评论
  • 最后，使用 Gravatar 的缓存插件

8.视频和图片的延迟加载

延迟加载图像是一种有效且简单的优化选项，可显着改善您网站的加载时间。 如果没有延迟加载，所有媒体文件（如图像和视频）甚至在它们向下滚动到该部分之前就已加载。 这显然会使您的网站变慢，尤其是当您的网站上有许多图像/视频时。 延迟加载仅在访问者滚动到它们出现的网页部分后才会加载图像和其他重资产。 如果做得好，延迟加载可以大大提高网站速度。

让我们学习如何使用延迟加载

  1. 首先，从 WordPress 目录中获取延迟加载插件并安装它
  2. 转到插件的设置并进行配置

请记住，延迟加载带有一种复杂的技术。 如果配置不正确，它可能会弄乱您的整个网站。

9. 延迟加载 Disqus

也许是时候用 Disqus 替换经典的 WordPress 评论系统了。 虽然其先进、高效的垃圾邮件预防和审核功能值得称赞，但它也带来了成本，即加载时间。

每当 Disqus 在您的网站上加载时，它会导致十个额外的请求减慢您的网站速度。 值得庆幸的是，有诸如 Disqus Conditional Load 之类的插件会导致延迟加载 Disqus 本身。 此 Disqus 条件加载仅在访问者滚动到页面末尾时才加载评论。

10. 限制后期修改

默认情况下，WordPress 旨在保存所有后期修订，即使您进行了最轻微的更改。 因此，对于经常编辑/更新的帖子，会制作数十份完全相同的帖子来填充您的数据库。

为避免这种情况，您可以限制 WordPress 中保存的修订/更新的数量。 通常，3 到 5 个就足够了。 您可以通过在wp-config.php文件中放置一个简单的代码来实现。

 定义（'WP_POST_REVISIONS'，3）；

您可以修改代码中的数字以调整您可能需要的修订数量。

但是此代码仅适用于新帖子。 要删除旧帖子的修订，您可以使用数据库清理插件，例如 WP-Optimize 和 Advanced Database Cleaner。 使用插件后，您可以简单地删除插件。

11.限制蜘蛛和爬虫

蜘蛛和网络爬虫总是在您的网站上寻找资源。 除了有用的搜索引擎蜘蛛之外，垃圾邮件机器人、抓取工具、电子邮件抓取工具等其他机器人也会经常抓取您的网站。 他们不仅从您的站点窃取信息，而且服务器需要消耗资源来为他们提供服务。

因此，明智的做法是管理您网站上的机器人活动，以通过以下方式检查此类无用的抓取。

  1. 您可以使用 .htaccess 文件来阻止已知的恶意机器人。
  2. 当市场上新出现此类机器人时，您可以从您的网站阻止这些机器人。
  3. 可以使用安全插件 WordFence 手动限制机器人并阻止 IP 地址。

12. 使用 JavaScript 免费的社交媒体分享按钮

是的，我们需要漂亮的社交分享按钮来鼓励我们的访客。 但是大部分用 JavaScript 制作的社交分享按钮很重。 他们通过网络跟踪用户并需要很长时间才能加载。
因此，如果您使用不受 JavaScript 影响的社交分享按钮，将会有所帮助。 为此，请删除现有按钮并使用 sharedbuttons.io 之类的服务。

13. 奖金

如果您对结果还不满意，您可以遵循更多技巧。 这些技巧主要适用于专业编码人员。 让我们把它们列出来。

  • 禁用表情符号和嵌入
  • 删除查询字符串
  • 删除短链接标签
  • 删除 REST API 链接
  • 禁用谷歌地图
  • 禁用 WooCommerce 样式表/小部件
  • 在本地避免使用 Google 字体/服务器字体
  • 优化字体真棒图标
  • 禁用 XML-RPC
  • 隐藏 WordPress 版本
  • 删除 RSD 链接标签
  • 连接 CSS 和 Javascript

iii) 不同的问题，不同的解决方案

了解网站速度优化的好处及其技术是一个好的开始。 但是您不需要将所有这些技术应用于您的网站。 我们的意思是，由于没有两个相同的企业或两个相同的网站，第一步是了解您拥有的 WordPress 网站的性质/类型。

所以，如果你有一个静态网站，你就不会定期更新你网站的内容； 也许你每个月只赚几次。 静态站点包括本地商业网站、博客、摄影、个人等。拥有这样的站点意味着数据库较少，因此您不需要大量资源即可获得良好的性能。

另一方面，拥有一个非常活跃的网站，如电子商务、在线论坛等，WordPress 网站的数据经常变化（每分钟甚至每秒）。 在这种情况下，需要添加服务器源以及数据库查询。

然后还有其他类型的网站，在传递和消费上。 如果网站主要提供信息，访问者可以停留 5 或 10 分钟，然后在他们需要离开时定位。 另一方面，消费网站会让访问者停留数小时——例如，在线培训课程网站。 此类网站的同时访问者来参加同时会话。

你能看出这是怎么回事吗？ 同时访问者需要快速积累上一届的信息。 拥有大量同时访问的站点以及“无法缓存的 Web 内容”问题使其成为一场噩梦。

基本上，您不能以相同的方式处理所有 WordPress 网站——应该做出明智的决定。

结论

毫无疑问，有很多教程涵盖了优化 WordPress 速度的不同方法。 但是在一个地方找到所有东西可能会令人困惑。 希望这篇文章对您有所帮助，因为我们列出了您可以遵循的所有技术，以使您的网站快速加载。 此外，如果您想从专家那里获得帮助，您可以在 Codeable 上找到我们经过认证的 WordPress 专家或提交自定义请求表与我们联系。

最好的祝愿！！