如何使用蜂鸟优化 WordPress 的速度

即使对于高级用户来说,优化 WordPress 网站的速度似乎也令人生畏.这是关于如何使用 Hummingbird,我们的 WordPress 速度优化插件.

使用 Hummingbird 让您的 WordPress 网站快速运行

一千零一……一千零二……

这就是您必须确保在 一半的访问者失去兴趣并决定离开您的网站.

优化 WordPress 页面以在两秒内加载是一项复杂且具有挑战性的任务.许多因素都会影响您网站的速度,例如您的网站托管、媒体文件大小、第三方脚本、插件数量以及您在网站上安装的主题.

在本教程中,我们将向您展示如何使用 Hummingbird 采取这样一个缓慢加载的网站......

WordPress speed test results-Pingdom tools
优化前的网站.来源:tools.pingdom.com

并优化它以更快地加载这样的页面......

WordPress speed test results-Pingdom tools
经过一些基本优化后的同一站点.来源:tools.pingdom.com

Hummingbird 是一款强大的插件,可优化 WordPress 网站,使用直观且易于使用的界面和一键式自动优化功能,向访问者的桌面和移动浏览器提供加载速度更快的页面.

Hummingbird 还通过高级微调设置和选项、技术建议的详细解释、帮助您了解您在做什么的评分指标、持续监控性能问题(以及有关如何执行的建议),让用户完全控制他们的网站优化修复这些)、无与伦比的 24/7 插件支持以及持续的插件开发.

本指南将向您展示如何充分利用 Hummingbird 的速度优化功能并保持网页快速加载.我们将介绍以下部分:

  1. 为什么使用 Hummingbird 来优化 WordPress 网站速度?
  2. 蜂鸟仪表板——您的 WordPress 速度优化总部
  3. 通过性能测试评估您的网站
  4. 通过缓存提供更快的页面和内容
  5. 通过 Gzip 压缩减小文件大小以加快服务速度
  6. 通过资产优化加速页面速度
  7. 使用高级工具保持您的网站精益化和用户热衷
  8. 通过正常运行时间监控查看站点停机时间
  9. 无风险优化-提高页面速度或恢复缓慢的网站

我们还将探讨 Hummingbird 如何解决影响页面速度的各种因素,并为您提供相关教程和资源的链接,以帮助您充分利用插件.

"蜂鸟非常易于使用.我认为它不会改变我的速度,因为我已经做出了改进.我运行了扫描,它给了我建议,我按下了一个按钮来应用它们,它使我的网站更快!" – 卡米洛

我们有很多内容要讲,所以让我们开始吧……

1.为什么要使用 Hummingbird 来优化 WordPress 网站速度?

您可以使用许多免费的在线工具来测试您网站的性能.

最受欢迎和推荐的工具是 Google PageSpeed InsightsPingdom 工具Gmetrix.

尽管以上所有内容都是向您展示网站页面加载速度的绝佳工具,但我们开发了 Hummingbird 来遵循 Google PageSpeed Insights 的建议,因为:

  • Google PageSpeed Insights 专注于最终用户体验.
  • 它通过修复您可以控制的区域(例如图像和基于文本的资源和代码文件)来提供优化页面速度的建议.
  • 由于 Google 使用页面速度作为搜索结果中的排名指标,因此 Google PageSpeed Insights 清楚地说明了 Google 在设置搜索排名时的优先级.

WordPress.org 上的插件说明所述,

Hummingbird 通过添加新方法来提高 Google PageSpeed Insights 的性能,其中包括对文件压缩的​​微调控制、延迟 CSS 和 JavaScript 样式和脚本、缩小 CSS 和 JS、延迟加载集成,从而使您的网站速度更快并优化网站性能和世界一流的缓存.

当你把这一切放在一起时,你会看到蜂鸟的方法是:

  1. 将最终用户体验作为优先事项,提高页面速度.
  2. 帮助您修复您可以控制的区域,即图像、基于文本的文件和代码.正如您将看到的,Hummingbird 与 Smush 无缝协作-我们屡获殊荣图像压缩和优化插件 — 帮助您轻松修复 Google PageSpeed Insights图像 建议(例如优化图像、调整图像大小、延迟离屏图像、编码图像以及以下一代格式提供图像,同时处理基于文本的问题,例如消除渲染阻塞资源、缩小 JavaScript 和 CSS、删除未使用的 CSS、启用文本压缩、对静态资产使用高效的缓存策略以及预连接到所需的源.其中大部分都可以自动完成,也可以通过点击几个按钮来完成.
  3. 执行上述所有操作,并且遵循 Google 在分析网站时查看并优先考虑的确切速度优化标准,帮助您的网站提高搜索排名.立>

Hummingbird 使用 Google PageSpeed Insights 结果,但提供定制的和 WordPress 特定的建议来解决问题和提高性能.

Google Page Speed Insights Results
蜂鸟(和 Smush)可以解决您的 Google 中的大多数问题Page Speed Insights 结果.

在我们探索 Hummingbird 的速度优化功能时,值得记住的一点是,Google PageSpeed Insights 旨在衡量您的用户体验.得分为 50 的结果代表第 75 个百分位数.这意味着,如果您的得分为 50 或更高,则您已经在所有网站的表现中排名前 25%.

要了解为什么将 Google PageSpeed 得分定为 100 是错误的目标,请订阅本指南底部的表格.

2.蜂鸟仪表板-您的 WordPress 速度优化总部

WordPress 速度优化始于 Hummingbird 的仪表板.

Hummingbird Dashboard
蜂鸟的仪表板.

注意:如果您是 WPMU DEV 成员,您可以从 安装 Hummingbird Hub,我们的中央管理控制台.

只需选择您的站点,单击"性能"选项卡,然后单击"安装"按钮.

The Hub-Performance Tab
从中心激活蜂鸟.

安装后,您可以使用 The Hub 监控 Hummingbird 在您网站上为桌面和移动用户的表现,而无需登录网站.

The Hub-Performance dashboard.
从 The中心.

蜂鸟仪表板提供您网站当前优化状态的快照.它由概览部分和所有插件模块的快速访问面板组成.

以下是仪表板部分的快速摘要,以及它们如何提高页面加载速度.我们稍后将扩展这些领域中的每一个.您还可以点击下面的部分链接访问每个部分的插件文档.

  • 概览 – 仪表板最顶部的部分显示了最新性能测试的结果,让您快速确定该网站的表现是否在可接受的范围内.
  • 性能测试 – Hummingbird 会扫描您的网站,评估其速度和效率,并创建一份报告,其中包含有关方法的建议解决问题并提高性能.
  • 缓存 – 激活和配置页面、浏览器和 Gravatar 缓存.我们写了一篇详细的文章,解释了缓存的工作原理以及它如何加速您的网站.
  • 图像优化 – Hummingbird 与 Smush-我们的图像压缩和优化插件-使您页面上的图像加载速度更快,从而提高整体页面速度.
  • Gzip 压缩 – Gzip 通过使服务器文件更小、更快地发送给用户来加速页面数据的传输网络浏览器.
  • 资产优化 – 资产优化通过提高代码效率和优化资产交付来提高页面速度性能.
  • 高级工具 – 在这里您可以进行一些额外的调整,以帮助进一步减少页面加载时间.
  • 正常运行时间监控 – 这是一个 Hummingbird Pro 功能,如果您的网站出现故障,会立即通过电子邮件提醒您,并让您知道您的网站何时重新启动并运行.
  • 报告 – 这是另一个蜂鸟专业版 可让您自动并安排每天、每周或每月发送性能测试、数据库清理和正常运行时间报告的功能,以帮助您掌握潜在的性能问题.

您还可以从插件菜单访问 Hummingbird 的部分.

Hummingbord menu
从菜单访问蜂鸟的所有部分.

让我们来看看影响您网站页面速度的插件的主要部分,以及如何使用 Hummingbird 来提高每个方面的速度.

3.通过性能测试评估您的网站

我们建议在您的网站上安装插件后运行性能测试.

只需单击仪表板上的"运行测试"按钮即可开始.

Hummingbird-Run Speed Test
运行 Google PageSpeed 测试以获取有关您网站的报告性能和优化方法.

或者,您也可以从 The Hub 运行桌面或移动速度测试.

The Hub-Run performance test.
您还可以从 The Hub 运行性能测试.

除了分数指标外,Hummingbird 还会在三个不同领域的审核部分提供您网站的测试结果:

  • 机会:本部分确定了提高页面加载速度的机会,并估计如果实施这些改进,您的网站加载速度会多快.
  • 诊断:此部分提供了有关您的网页如何遵守 Web 开发最佳实践的其他信息.虽然本部分所做的改进可能不会直接影响加载速度,但它们有助于提高页面的整体性能得分.
  • 通过审核:此部分列出了得分为 90 或更高的审核.得分低于 100 的任何区域都表示有更多机会提高您网站的整体性能得分.
Hummingbird Audits-Opportunities
运行 Hummingbird 的速度测试,以确定改善页面加载的机会速度.

Hummingbird 的性能测试结果还使用直观的颜色编码分数来帮助您轻松识别需要修复的问题和需要改进的地方.

向下滚动页面,您将看到为 WordPress 网站的每个关键性能领域分配的分数和颜色.

Hummingbird performance test and improvement recommendations.
蜂鸟的颜色编码性能测试结果更容易跟踪改进建议并解决任何问题.

点击推荐,它会展开并为您提供有关如何提高分数的详细信息.

例如,在"优化"部分,如果您展开每个项目,您将看到有关提高页面加载速度的方法的建议,以及在实施这些改进后您的网站加载速度的估计值.

Hummingbird Oppotunities-Recommendations.
Hummingbird 让您知道在以下情况下您的页面加载速度有多快你实施它的建议.

其中许多改进和建议都可以在 Hummingbird 内部实施.

按照提供的说明对您的网站进行更新,然后重新运行测试,看看这些改进是否有助于提高您的性能得分.

请注意:

  • 如果您直接运行 Hummingbird 的性能测试和 GPSI 测试,您可能会注意到不同的结果.这是因为 HB 总是 ping 同一个服务器,而 GPSI 总是 ping 最近的服务器.
  • 要根据最终用户的体验获得最准确的结果,请直接使用 GPSI.但是,对于 WordPress 特定的建议和仪表板提示以提高性能,请使用 Hummingbird PRO 的扫描和结果.

4.通过缓存提供更快的页面和内容

缓存使页面加载速度更快.当我们想到性能插件时,通常我们关注的是页面级缓存.

Hummingbird 更进一步,提供多种类型的缓存,您可以通过点击插件的缓存屏幕轻松激活和启用. >

Activate Hummingbird Caching
激活 Hummingbird 的缓存.

Hummingbird 的缓存能力包括页面缓存浏览器缓存Gravatar 缓存RSS 缓存.此外,Hummingbird 与 CDN(例如 Cloudflare)无缝集成,如果您的网站使用 WPMU DEV 托管,对象缓存静态服务器缓存.

一旦激活,Hummingbird 会立即开始缓存您的页面和文件.

Hummingbird caching activated.
蜂鸟缓存已激活.

该插件还使您可以完全控制其缓存功能的各个方面.这包括选择要缓存的页面类型、启用或禁用预加载缓存、配置缓存间隔、每个文件和服务器类型的到期日期、与第三方提供商(例如 Redis)和 CDN 的集成以及其他与缓存相关的设置.

CloudFlare 集成

CDN 可以显着提高 WordPress 网站的性能和速度.它执行此操作的部分方式是通过缓存.

如果您是 WPMU DEV 成员或使用 WPMU DEV 托管您的网站,您可以激活 WPMU DEV CDN,用于优化JS和CSS文件等静态资产的交付.

如果您当前正在使用 CloudFlare CDN 服务,Hummingbird 会启用 CloudFlare 用户 连接他们的帐户,以便通过插件管理这些浏览器缓存设置.

Humming and Cloudflare integration.
蜂鸟与 Cloudflare 无缝协作.

要了解有关上述每种缓存类型的更多信息,请查看我们关于不同类型的网络缓存 的帖子并访问Hummingbird 的缓存文档 部分.

5.使用 Gzip 压缩减少文件大小以加快服务速度

当您要传输大量庞大的文件(或者甚至只是很多文件)时,从服务器到浏览器的文件传输可能是一个主要问题.这就是为什么 Gzip 压缩是一个理想的解决方案.总之,它使用一种算法将您的数据存储为单个位.这样做,它使您需要传输的文件的大小更加紧凑.

如果您的服务器尚未启用 Gzip 文件压缩,您可以使用 Hummingbird 为您处理.

Hummingbird 的内置 Gzip 压缩 通过将您网站的基于文本的资源捆绑并压缩为更小、更紧凑的文件,从而加快您的 WordPress 网页加载速度更快地到达访问者的浏览器.

Gzip compression.

如果您不使用 WPMU DEV 托管,您可以配置 Gzip 压缩以适合您的服务器类型(例如 NGINX、Apache、IIS)并按照插件的说明在您的网站上激活它.

Hummingbird-Configure Server type
根据您的服务器类型优化 Gzip 压缩.

如果您需要 Gzip 压缩方面的帮助,请查看我们的文档或点击插件内的链接与我们的支持团队(蜂鸟> Gzip 压缩 > 启用压缩).

6.通过资产优化加速页面速度

从插件的仪表板或性能测试屏幕运行 Hummingbird 的速度测试会创建一个推荐优化列表,以帮助您的页面加载速度更快.

您可以在插件本身内解决和解决其中的许多建议.

只需转到资产优化屏幕,然后选择是使用我们的自动化选项还是手动配置每个文件.

Hummingbird's Asset Optimization screen.
Hummingbird 可让您自动或手动优化文件.

Hummingbird 允许您通过单击"自动"选项卡从两个自动资产优化选项中进行选择:

  • Speedy – 这提供了更高级别的优化,是推荐的选项.它会自动压缩您的文件并"自动组合"具有相同属性的较小文件,从而有助于减少页面加载时发出的请求数量.
  • 基本 – 此选项会自动压缩所有未优化的文件,为每个文件生成更新更快的版本.它还可以消除 CSS 和 JavaScript 文件中的杂乱,有助于进一步提高您的网站速度.

有关这些资产优化方法如何工作的更多详细信息,请点击插件中的"它是如何工作的?"链接或查看我们的文档.

Hummingbird-Assets-How Does it Work?
点击链接了解更多关于蜂鸟自动资产优化的信息方法有效.

如果您计划优化资产并手动配置每个文件,您将指示 Hummingbird 的资产优化引擎压缩、内联、合并、延迟或移动您的文件,以便访问者在访问您的网站时减少对您服务器的请求.

Hummingbird-Manual Asset Optimization
Hummingbird 可让您手动优化每个资产以实现完全控制.

清理文件中的多余空间、删除不必要的元素以及重写代码以减小文件大小以使其更小、更轻量级的过程称为缩小.这种对空间的过度使用可以有多种形式,但 Hummingbird 会查找不必要的空格、字符或回车等内容.如果您取消这些,HTTPS 请求到您的网站将更快地传输给访问者,从而缩短加载时间.

Hummingbird 允许您执行各种功能来手动优化文件,例如压缩、合并、将文件移动到页脚、将文件作为内联 CSS 插入以及阻止文件加载.

Hummingbird manual asset optimization buttons.

Hummingbird 不仅可以让您缩小 HTML、CSS 和 Javascript 文件,而且您还可以组合这些文件在您的网站上重新定位它们,以便它们更有效地加载.例如,将脚本移至页脚有助于消除渲染阻塞问题.

此部分中的指示器按钮将让您知道文件是否已被压缩(灰色按钮)以及是否可以与另一个文件合并(蓝色按钮).在页面加载后强制加载文件的选项也可用于 Javascript 文件.

手动模式还允许您通过选择多个文件来执行批量更新操作.但是请注意,在手动模式下优化文件时,我们建议一次更改一个,并在进行下一个操作之前验证每个操作是否成功.仅当您确信自己知道自己在做什么时才对资产进行批量更改.

应用您要对每个文件进行的所有更新后,单击"发布更改".完成此操作后,请务必检查您的网站,以确保在移动文件和脚本时没有出现任何问题.

Hummingbird-Manual Asset Optimization-Publish Changes button.
完成后点击发布按钮,让蜂鸟发挥它的魔力.

7.使用高级工具保持您的网站精益化和用户热衷

Hummingbird 的高级工具部分可让您进行额外调整以提高页面加载速度.

Hummingbird Advanced Tools screen
通过调整高级中的设置进一步减少页面加载时间工具部分.

其中一些调整包括:

  • 一般 – 从代理缓存服务器和某些 CDN 中删除 URL 查询字符串有助于提高速度.如果您的网站由 WooCommerce 提供支持,您可以通过禁用非 WooCommerce 页面上的购物车片段来进一步减少页面加载时间,并进行额外的调整,例如删除默认的 Emoji JS 和 CSS 文件,以及预先解析特定域的 DNS(如果您)使用第三方服务.
  • 数据库清理 – 清理数据库中可能会降低服务器速度的不必要数据.
  • 延迟加载 – 包含大量评论、iframe 和图像的网站可能会随着时间的推移而变慢.启用此部分中的延迟加载评论功能可延迟加载评论并提高您在包含大量评论的页面上的页面速度.

8.通过正常运行时间监控来监控站点停机时间

您可能遇到的最糟糕的页面速度结果是网站关闭,页面根本无法加载.

正常运行时间监控是一项 Hummingbird Pro 功能,如果您的网站出现故障,它会立即通过电子邮件提醒您,并让您知道您的网站何时恢复正常运行.

Hummingbird-Uptime screen.
如果您的网站出现故障和您的页面,立即收到通知未加载.

详细了解正常运行时间监控.

9.无风险优化-提高页面速度或恢复缓慢的网站

Hummingbird 不会更改您数据库中的任何内容,允许您随时还原所做的所有更改.

如果您执行正确的插件卸载,它还将删除插件的所有痕迹并恢复您所做的任何更改.

请注意,Hummingbird 无法修复在 3rd 方服务器上运行的脚本的性能问题.其中包括社交媒体供稿、媒体嵌入(例如 YouTube 视频)、您可能依赖的基本脚本(例如 Google Analytics),甚至是资源密集型插件和从外部调用函数的主题.

使用蜂鸟让您的网站飞起来

自从 2018 年 8 月加入我们的超级英雄插件系列以来,蜂鸟一直表现出色市场上所有其他 WordPress 优化插件.

如本指南开头所述,优化 WordPress 以提高速度可能是一项复杂且具有挑战性的任务.Hummingbird 通过为您提供强大的"一体式"WordPress 优化工具大大简化了此过程,该工具可让您实施 Google PageSpeed Insights 建议并解决导致您的页面在插件仪表板中加载缓慢的大多数问题,或通过 集线器(如果您管理多个站点).

通过将 Hummingbird 的内置工具与 Smush 用于图像优化并在我们的完全托管的 WordPress 托管服务上托管您的网站,该服务还针对速度进行了优化,具有极快等功能CDN、使用 FastCGI 的服务器端页面缓存等.

有关使用 Hummingbird 的深入信息,请参阅插件的文档 并查看我们的 路线图,了解即将推出的所有令人兴奋的新功能和改进.如果您在使用 Hummingbird 时需要任何帮助,请联系我们的支持团队.我们 24/7 全天候服务,满足您的所有 WordPress 需求.

5

发表回复