WordPress 页面速度优化:19 个性能技巧

目录

您想优化您的网站速度吗?我们整理了 WordPress 性能优化的综合指南。您将可以访问一些有用的信息,例如为什么速度很重要、什么可能会减慢您的 WordPress 网站的速度,以及您可以采取的可立即提高网站速度的可行步骤。 

现在是 2023 年,请永远记住,消费者的选择太多了。因此,当搜索引擎对结果进行排名时,他们希望确保只向用户展示最好的结果。这就是为什么您的网站速度和性能如此重要 – 这是出现在 Google 第一页和出现在第十页之间的差异的一部分。 

在本文中,我们将深入研究一些 WordPress 性能优化最佳实践并回答以下两个问题:提高 WordPress 网站速度的主要技巧是什么?为什么您的 WordPress 网站速度很慢?

让我们深入了解一下。


为什么页面速度很重要?

如果您想了解 WordPress 网站的运行状况,评估页面速度至关重要。没有人喜欢速度慢的网站(Google 也不喜欢!)。如果您专注于为用户提供更快、更安全的体验,您将受益于Google Page Experience 更新。还有更多。

  1. 网站速度影响SEO。谷歌表示,页面加载速度是决定其排名的重要信号。Google 希望知道,如果他们按照您的方式发送访问者,该访问者会对这次体验感到满意。6 月份,谷歌将更新其算法,并将 Core Web Vitals 纳入排名因素。核心网络生命是谷歌认为对网页整体用户体验很重要的一组特定因素:加载速度将变得比以往更加重要。 
  2. 快速的网站更容易抓取。此外,当您的页面速度缓慢时,它会抑制网络爬虫的积极性,因为网络爬虫的资源有限,如果速度太慢,可能会降低您网站的优先级。 
  3. 页面速度影响转化。从用户体验的角度来看,这也很重要——如今,缓慢的网站已经无法解决问题。您只有很短的时间来吸引用户的注意力。如果出现任何延迟或任何其他情况,人们可能会点击其他内容。确保页面加载速度尽可能快是任何在线策略的必要组成部分。网页加载速度越快,用户就越有可能在该网页上执行目标操作。我们都同意这一点! 
  4. 快速网站可以降低跳出率。您的营销目标之一应该始终比竞争对手更快,因为只需单击一下即可实现。您可以拥有最好的内容和出色的产品,但如果您的网站速度很慢,您将失去在设计和开发上投入的所有努力。不要是那个网站! 

如您所见,速度很重要,我们建议您始终测试页面速度。可用于审核 WordPress 网站和衡量核心网络生命力的最佳工具如下: 

我们编写了一份深入的指南来重点介绍如何测试 WordPress 网站性能并测量速度结果。


加快 WordPress 网站速度的 19 个技巧

价值百万美元的问题是……如何加速您的 WordPress 网站?

您现在可以采取多种性能优化最佳实践,以减少页面加载时间并使 WordPress 网站加载速度更快。这是我们从简单到高级的可行建议的完整列表。

3 个基本速度优化步骤(轻松实现,无需编码)

  1. 选择强大的托管
  2. 使用缓存插件
  3. 优化您的图像并使用延迟加载

提高速度的 7 个最佳实践

  1. 使用正确的主题:选择针对速度进行优化的主题
  2. 不要使用滑块
  3. 消除臃肿的插件
  4. 将大型媒体文件上传到合适的服务
  5. 利用内容交付网络
  6. 让您的 WordPress 网站保持最新状态
  7. 限制后期修改

9 个高级 WordPress 性能优化策略

  1. 延迟加载 JavaScript 并延迟 Javascript 执行
  2. 推迟非关键 CSS、删除未使用的 CSS 以及内联关键 CSS
  3. 缩小 JavaScript 
  4. 缩小CSS
  5. 优化您的 WordPress 数据库并减少数据库调用
  6. 将长帖子拆分成页面
  7. 禁用热链接 
  8. 修复 HTTPS/SSL 错误 
  9. 使用最新的 PHP 版本

3 个基本速度优化步骤(轻松实现,无需编码)

以下是提高 WordPress 页面速度的最简单步骤:

1.选择功能强大的托管

影响:高

您的WordPress 托管服务在网站性能方面发挥着重要作用。是什么造就了一个好的托管服务提供商?优秀的托管提供商会采取额外的措施来优化您的网站性能并提供良好的客户支持。市场上有几种类型的托管:

  • 共享主机 – 您与许多其他人共享服务器资源。如果其中之一出现流量高峰,您的网站可能会受到影响。你需要小心。
  • 专用托管 – 在此模型中,托管提供商将一台服务器及其所有可用资源租用给一个客户:您。您可以自由地对服务器做任何您想做的事情,这对您的加载速度有好处。 
  • WordPress 托管托管 – 为您提供最优化的服务器配置来运行您的 WordPress 网站。这些公司对 WordPress 了如指掌,并提供专门针对 WordPress 的功能,例如自动 WordPress 更新、安全配置等等。

要了解有关托管提供商类型的更多信息,我们建议您阅读我们的指南来比较最受欢迎的托管提供商。

2.使用缓存插件进行速度优化

影响:高

缓存插件会生成您网站的静态 HTML 页面并将其保存在您的服务器上。每次用户尝试访问您的网站时,您的缓存插件都会显示较轻的 HTML 页面,而不是较重的 WordPress PHP 脚本。这就像缓存插件正在“保存”您的内容,以便在有人尝试访问您的网站时更快地预加载它。

3. 优化图像并使用延迟加载

影响:高

检查您的图像是否已优化。您可以遵循三个基本技巧来提高图像的加载速度: 


提高速度的 7 个最佳实践

1. 使用正确的主题:选择速度优化的主题

影响:高🚀🚀🚀

  • WordPress 最好的部分之一是您有近乎无限数量的不同主题可供选择。当您选择要使用的产品时,不要只关注美观和功能。选择一个在速度优化方面高效的主题也很重要。
  • 查看我们的指南,其中解释了如何测试(和选择)快速主题。
  • 进行研究并花时间做出正确的选择,因为它可以解决您可能面临的许多问题。例如,查看最快的 WordPress 主题列表。
  • 切换到为您提供性能优化功能的主题。
  • 使用Query Monitor来查明安装的主题是否导致任何性能问题。

2. 不要在标题上使用滑块

影响:高

滑块只会降低网站的性能。尽管许多网站倾向于使用它们,但这是对速度影响最严重的操作之一。

3.消除臃肿的插件

影响:中等

在您的网站上安装大量插件来实现各种功能可能很诱人,但要警惕它对您网站的影响。如果存在不必要的臃肿并运行大量额外脚本的插件,那么考虑寻找更有效的替代方案或直接消除它们可能是有意义的。在大多数情况下,简单性会获胜。 

  • 在激活插件之前和之后测试您的网站速度。请参阅我们的指南,了解如何使用 Pingdom、Google Page Insight 或 GTMetrix 来衡量 WordPress 网站的性能。
  • 删除所有未使用的插件,以免数据库混乱,并避免向您的网站添加漏洞点。
  • 使用Query Monitor找出哪些已安装的插件导致性能问题。

4. 将大型媒体文件上传到合适的服务

影响:中等

与其使用 WordPress 后端来托管视频或音频文件,不如将这些片段上传到 YouTube、Viméo 或 SoundCloud 更加高效 — 它们更适合处理带宽要求。然后,您的 WordPress 网站可以指向该数字资产而不是渲染它,您的整个网站将因此变得更快。 

  • 使用 WP Rocket 的 YouTube“LazyLoad”功能。选中“用预览图像替换 YouTube iframe”框。这将缩短您的页面加载时间。 
  • 要在 WordPress 中嵌入视频,您可以使用 WordPress 编辑器 (Gutenberg) 中的内置视频功能。只需将视频的 URL 直接复制并粘贴到您的帖子中,它就会自动嵌入

5. 利用内容交付网络 (CDN)。 

影响:中等

如果您的目标受众分布在世界各地,那么使用 CDN 将您的网站托管在更靠近最终用户的位置非常有意义。CDN 不是将所有内容都来自一个位置的一台服务器,而是在世界各地创建一个服务器网络,用于存储静态文件,从而在不同场景下加快加载时间。 

我需要 CDN 吗?如果您的客户端距离服务器位置较远,您将需要一个。可能需要一段时间才能加载所有内容(产品、图像、JS 和 CSS 文件,甚至视频)。如果您计划进行国际销售或多语言,那么您应该考虑使用 CDN。

6.定期更新WordPress

影响:低

WordPress 平台本身在不断发展,随着团队和社区改进整体功能,他们会定期发布更新,您应该充分利用这些更新。安装这些更新(如果可用)可确保您始终拥有最新版本的 WordPress 来运行您的网站。

7. 限制后期修改

影响:低

WordPress 修订系统存储每个保存的草稿或发布的更新的记录。如果您需要恢复旧版本的内容,它会很方便。但是,如果您的页面没有缓存,太多的后期修订可能会影响 WordPress 网站的速度。

限制后期修订的解决方案是将此代码片段添加到您的 wp-config.php 文件中。我们添加了“5”,这是我们想要进行的修订次数,但您可以设置自己的数字。 

define( ‘WP_POST_REVISIONS’, 5 );

9 种高级性能优化策略

一些先进的 Web 性能技术可以在优化 WordPress 网站性能方面发挥真正的作用。

1.延迟加载JavaScript并延迟Javascript执行

影响:高

您可以通过查看“首次输入延迟”指标和Lighthouse 性能得分来了解 JavaScript 执行如何影响性能。

例如,Lighthouse 和 Page Speed Insights 会告诉您是否需要“消除渲染阻塞资源”。

Lighthouse 报告的机会部分包含阻止页面首次绘制的所有 URL。Lighthouse 和 Page Speed Insights 还将标记有关 JavaScript 执行时间的任何问题。

您可以使用 WP Rocket 来优化您的 JS 文件,如下所示。您只需单击几下即可延迟加载 JS 并延迟 JavaScript 执行,并解决主要 JS 问题。

如果想了解更多信息,请查看我们关于如何消除渲染阻塞 JS 和 CSS以及如何减少 JavaScript 执行时间的详细文章。

2. 推迟非关键CSS,删除未使用的CSS,并内联关键CSS

影响:中等

非关键 CSS 与渲染页面无关。此类文件可能会影响加载时间并生成 PSI 建议,例如“消除渲染阻塞资源”和“避免链接关键请求”。 

另一方面,关键 CSS应该具有最高优先级:这些是需要尽快加载的首屏资源。

您必须内联关键资源,推迟非关键 CSS 资源,并删除未使用的 CSS。WP Rocket 提供删除未使用的 CSS 选项,它将负责 CSS 优化并轻松删除未使用的 CSS。 

更多的插件和工具也可以帮助你处理 CSS:

3. 缩小 JavaScript

影响:低

缩小是指在不影响浏览器处理数据的方式的情况下删除不必要和冗余的代码。JavaScript 缩小删除了所有不必要的 JS 内容,例如:

“(// …)”以及所有额外的空格或从代码中删除注释。换句话说,目标是通过减少代码的大小来使文件变得更轻。 

  • 手动解决方案:使用免费的在线工具(例如minifier.org)并勾选“JS”框。
  • 自动解决方案:使用 WP Rocket 清理 CSS 文件并减小文件大小

5.优化你的WordPress数据库并减少数据库调用

影响:低

随着您的网站的增长,您的 WordPress 数据库也会增长 – 随着时间的推移,您的数据的某些部分会变得过时。如果您可以消除不再需要的信息,您的数据库将更有效地运行,并且您将获得更快的加载速度。

  • 您首先必须通过托管提供商访问 PHPMyAdmin 并从那里优化您的数据库。如果您很好地了解数据库结构,还可以在那里进行一些手动干预。
  • WP Rocket 插件会自动进行很多这样的优化。优点是用户直观的界面和快速的设置。数据库选项卡分为帖子、评论、瞬态和数据库清理几个部分

可用于优化数据库的其他插件:

  • WP-Optimize(100 万以上用户)。可以使用 WP-Optimize 清理后期修订、旧草稿、未批准的邮件、垃圾邮件、已删除的评论、过期的临时选项、引用引用和 pingback。
  • WP Sweep(100 000+ 用户)。可以通过按底部的“全部扫描”来检查每个设置或运行所有任务。
⚠️ 在清理数据库之前务必进行备份。

6. 将长帖子分成页面

影响:低

谷歌喜欢长帖子,但更多的内容也意味着需要加载更多的图片。您可以考虑将最长的帖子分成几页以限制影响。但是,如果您已经启用了延迟加载,那么很长的文本应该不会影响性能。

  • 在您想要将其拆分到下一页的文章中添加 <!––nextpage––> 标签。
  • 一些强大的插件可以激活分页并帮助您控制帖子的布局。建议尝试WP-PageNavi。 

7. 禁用盗链

影响:低

如果您制作高质量的内容,则存在被其他网站重复使用或窃取的风险。偷窃是不好的,但这还不是最糟糕的。最糟糕的是他们可以通过盗链内容来使用您的图像和带宽。 

  • 阻止特定域。
  • 选择一个 WordPress 插件,例如All in one WP Security,它将保护您的内容免遭盗链。

8.修复HTTPS/SSL错误

影响:低🚀

好吧,在访问网站时收到以下警告绝不是一个好兆头,不是吗?Google 和您的访问者会更喜欢安全的网站和安全的浏览体验。

  •  许多托管套餐都附带 HTTPS 和 SSL 选项。如果您的网站存在任何持续存在的问题,请咨询您的主机提供商。
  • 使用Real Simple SSL Pro 插件(5M+ 激活)。

9.使用最新的PHP版本

影响:低

更新的 PHP 将使您的 WordPress 网站运行得更快。 

  • 询问您的主机他正在使用哪个版本,如果他使用的版本低于 PHP 7,请要求他升级。
  • 安装Version Info之类的插件来检查您正在使用的 PHP 版本。


评论

一条对“WordPress 页面速度优化:19 个性能技巧”的回复

  1. 好文章 学习收藏 关注

发表回复

必填项已用 * 标注