使用 Smush、Hummingbird 和 The Hub 优化 WordPress 网站性能

如果您管理多个 WordPress 站点,则登录每个单独的站点以调整性能设置可能既乏味又耗时.Hub 的性能选项卡可让您使用 Hummingbird 和从单个标签Smush.

Hub 是一个完整的 WordPress 管理控制台,可让您从一个中心位置管理一个或多个 WordPress 站点.

Hub 的仪表板分为几个选项卡,让站点管理员可以快速访问有效管理 WordPress 站点所需的所有主要功能.

本教程重点介绍 The Hub 的性能标签,它结合了来自 Hummingbird 的有用"一目了然"数据、设置和信息(我们的速度优化和缓存插件)和 Smush(我们屡获殊荣的图像压缩和优化插件),让您快速轻松地查看和调整您管理的所有 WordPress 网站的性能设置.

The Hub's Performance Tab
使用集线器的性能选项卡.

本教程向您展示如何充分利用集线器的性能选项卡.我们介绍如何:

从中心设置和管理您的 WordPress 网站的性能

要从 The Hub 管理站点,您首先需要连接它们.您可以从集线器本身自动执行此操作,也可以使用WPMU DEV 仪表板插件远程执行此操作.

连接您的站点后,您就可以直接从 Hub 的管理控制台进行管理和登录.

在您在网站上安装并激活 Hummingbird 和/或 Smush 插件之前,The Hub 的性能标签将保持灰色(不活动).

The Hub-Plugins & Themes-Performance tab is inactive.
在 Hummingbird 或 Smush 被激活之前,Hub 的性能选项卡保持不活动状态在网站上.

点击灰色的"性能"选项卡,您将看到一个启动画面,邀请您在您的网站上激活蜂鸟.

Hub-Performance tab-Activate Hummingbird.
您可以在"性能"选项卡中激活蜂鸟.

激活后,Hummingbird 的模块会自动在"性能"选项卡内的各个面板中显示关键信息.

某些模块在被激活之前将保持不活动状态.其中包括响应时间、资产优化、高级工具和 Smush 的图像优化面板.

您可以在"性能"选项卡中激活模块和 Smush 插件.

The Hub-Performance dashboard.
Smush 插件处于非活动状态的性能仪表板.

或者,您可以从 The Hub 的 Plugins & 激活 Smush 等插件.主题标签.

The Hub-Plugins & Themes-Activate Smush
激活Smush

激活 Hummingbird 和 Smush 后,"性能"选项卡将显示来自两个插件的组合信息面板.

The Hub-Performance dashboard with Hummingbird and Smush activated.
启用了蜂鸟和 Smush 的性能仪表板.

中心的概览部分还为您提供了对性能标签的快速访问.点击面板会将您带到选项卡.

The Hub: Overview section-Performance panel
您可以通过以下方式从"概览"部分进入"性能"选项卡点击性能面板.

既然您知道如何在 The Hub 中激活 Performance 选项卡,让我们来探索它的主面板.

运行页面速度测试

"性能"选项卡可让您直接在 Hub 中为您的网站运行 Google Page Speed 测试.如果您管理多个 WordPress 网站,则此功能可实时节省时间.

性能面板中,单击运行测试按钮并等待几秒钟.这将测试您网站的桌面和移动速度.

在"性能"面板中对您的网站进行桌面和移动速度测试.

从此面板中,您还可以访问Hummingbird 的文档并查看更多选项.

The Hub: Performance tab-More options
点击省略号图标查看更多选项.

您完成的页面速度测试的结果显示在速度测试面板中,下一部分将介绍.

分析速度测试结果

速度测试面板包含三个子标签:

  • 分数指标 – 使用颜色编码的分数(绿色、黄色)获取您网站的关键速度测试指标的"概览"快照, 和红色)和速度结果.
  • 审核 – 查看详细的测试结果,确定可以提高网站性能的机会和领域,并获得有关需要解决的问题的逐项建议.
  • 历史现场数据 – 本部分针对成熟的网站,并根据来自真实世界中的各种用户的匿名性能数据汇编有关特定 URL 随时间推移的表现的信息.设备和网络条件.

点击此面板中的活动项目会自动将您带入您网站的 wp-admin,并将您直接发送到包含推荐修复或改进的特定部分.

查看速度测试面板中修复的性能改进建议.

详细了解速度测试指标.

监控服务器的响应时间

响应时间面板是您要在"性能"选项卡中经常提及的主要面板之一.

它显示来自正常运行时间监控功能的数据.从这里,您可以监控您的服务器响应时间,并立即知道您的网站是启动、关闭还是运行缓慢.

要获得更详细的读数,请将鼠标悬停在平均响应时间线的任何数据点或部分上.

The Hub: Performance Tab-Response Times panel.
监控您的服务器响应时间.

详细了解响应时间面板.

管理和优化您网站的图片

图像优化面板可让您查看 Smush 如何压缩和优化您网站的图像.您还可以执行诸如批量优化您网站的所有图片、激活/停用延迟加载、管理您的CDN以及访问插件的等任务>附加工具设置.

The Hub: Performance tab-Image optimization panel.
在图像优化面板中检查 Smush 如何处理您的图像.

要查看此面板,您必须在您的站点上安装并激活 Smush.

详细了解图像优化模块.

管理和优化您网站的资产

资产优化面板可让您快速概览您网站的 Hummingbird 优化资产.

这些包括文件大小的总减少量、当前优化的文件总数、您优化的资产是否由 DEV CDN 提供,并在设置部分优化文件类型.

要直接转到您网站的 wp-admin 中相应的 Hummingbird 屏幕,请点击模块标题总减少量<中的查看详细信息链接/em> 部分,或设置部分中的齿轮图标.

The Hub: Performance tab-Asset optimization.
获取优化资产的概览.

详细了解资产优化设置.

管理 GZip 压缩

Gzip 会先压缩您的网页和样式表,然后再将它们发送到访问者的网络浏览器.

此面板可让您快速查看当前在您的站点上使用 Gzip 优化的内容类型以及您的站点正在运行的服务器类型.

要在 Hummingbird 中配置不同的服务器类型,请点击服务器类型部分中的齿轮图标.

The Hub: Performance Tab-GZIP Compression panel
GZIP 压缩面板.

了解有关配置 Gzip 选项的更多信息.

管理您网站的缓存

缓存通过在访问者的设备上存储临时数据来加快页面加载时间,这样他们就不必重新加载资产.

Hummingbird 让您可以在您的网站上配置不同类型的缓存,并且缓存面板让您查看哪些缓存选项已被使用插件在您的网站上配置.

这些包括在设置部分为每种文件类型设置的浏览器缓存到期时间、页面缓存Gravatar缓存RSS 缓存,以及通过 Hummingbird 在您的网站上启用的其他类型的缓存.

您可以通过点击设置部分中的面板标题或齿轮图标,直接进入您网站 wp-admin 中的 Hummingbird 缓存设置屏幕.

The Hub: Performance tab-Caching panel.
缓存面板.

您还可以通过点击清除缓存链接从 The Hub 清除您网站上的不同缓存.

这将打开一个带有不同选项的模式窗口.选择要清除的缓存,然后单击按钮.

The Hub: Performance tab-clear cache link.
从 The Hub 清除您网站的缓存.

详细了解缓存面板.

配置高级工具

高级工具面板可让您查看所有可用 Hummingbird 工具及其当前状态的列表.

点击齿轮图标上的标题可自动定向到 Hummingbird >您网站的 wp-admin 中的高级工具屏幕.

The Hub: Performance Tab-Advanced Tools panel.
高级工具面板.

详细了解如何使用 Hummingbird 的高级工具部分.

运行报告

您的报告面板可让您快速查看网站性能和响应时间报告的状态.

点击此面板中的一个项目,您将直接进入网站 wp-admin 中相应的报告屏幕,然后您可以在其中启用或配置该功能的时间表.

The Hub: Performance Tab-Reports panel.
将定制的效果报告发送到您的收件箱.

通过中心密切关注您网站的性能

我们在 WPMU DEV 的主要目标之一是继续开发和改进 The Hub,为我们的用户提供更快、更轻松地访问 WordPress 站点管理.

性能标签也不例外.能够从一个中心位置轻松快速地管理和监控各个站点的性能不仅可以为您节省大量时间,而且如果您是管理多个 WordPress 站点的 Web 开发人员或代理机构,它还可以让您扩展业务和服务更多客户.

除了上述"性能"标签特有的功能外,请记住Hub 可以翻译成不同的语言,因此您可以用您的语言管理您网站的性能(如果您的语言目前不可用,请告诉我们,别担心-很快就会有!)

Hub 可让您以您的语言查看网站的性能.

此外,您很快就可以完全为 The Hub 贴上白标签,并将 The Hub 与您的客户一起使用,包括计费、您自己的模板和您选择的主机.

最后,考虑到 Hummingbird 和 Smush 插件中提供的各种优化功能,您很快就可以保存首选配置并将其批量应用到任意数量的新站点和现有站点.

有关使用"性能"选项卡的更多详细信息,请查看我们的文档.此外,要密切关注我们正在为 The Hub 和所有插件进行的所有激动人心的开发,请访问我们的路线图.

最后但并非最不重要的一点,如果您对使用"性能"选项卡有任何疑问或需要任何与 WordPress 相关的帮助,请随时联系我们的 24/7 专用支持团队.我们希望帮助您从您管理的每个 WordPress 网站中获得最佳性能.使用 The Hub 的 Performance 选项卡,您可以.

8

发表回复