WordPress.org

Plugin Directory

Jetpack Boost — 网站速度、性能和关键 CSS

Jetpack Boost — 网站速度、性能和关键 CSS

描述

通过 Jetpack Boost 优化页面性能,加快您 WordPress 站点的加载速度。 轻松激活一键优化功能,增强您的 Core Web Vitals。

您是否知道加快网站速度能:-

  • 提高在 Google 上的排名。
  • 降低跳出率(延长访客在您站点上的停留时间)。
  • 提高您的转化率。

通过一键优化功能提升您网站的性能并加快您网站的速度,该功能可增强您 WordPress 站点的性能并提高 Core Web Vitals 得分,从而帮助您获得更好的搜索引擎排名。

优化 Core Web Vitals 能帮助您提高在 Google 上的排名。 加快网站速度还可以改进您的 SEO,帮助您降低跳出率并提高电子商务转化率。

  • 最大内容绘制 (LCP):衡量加载性能。 提高您的 LCP 并加快您网站的加载速度。
  • 首次输入延迟 (FID):衡量交互性。 改进用户体验页面需要降低 FID。
  • 累积布局偏移 (CLS):衡量视觉稳定性。 降低 CLS 有助于提升用户体验。

性能模块

使用与世界上最成功的网站所用相同的技术优化您的网站。

用于增强网站性能的每项技术都打包成一个模块,可供您激活和试用。

目前,该插件有 6 个性能模块可供选择:

  1. 优化 CSS 加载功能为您的主页、文章和页面生成关键 CSS。 这可以大幅提升您的内容在屏幕上的显示速度,尤其是在移动设备屏幕上的显示速度。

    web.dev 上阅读有关关键 CSS 生成的更多信息

  2. 页面缓存功能通过将页面保存为静态文件来加快站点加载速度。 这些文件可快速提供给访客,从而缩短加载时间,增强用户体验。

  3. 推迟加载非必要的 Javascript 功能将一些任务延迟到页面加载后进行,从而加快重要视觉信息的显示速度和网站的加载速度。

    web.dev 上阅读有关推迟加载 javascript 的更多信息

  4. 对于想要优化其网站图片的人而言,图片指南是一项必备功能。 借助这一指南,您可确保您站点上的图片尺寸合适,这对于提升用户体验、页面速度和站点排名至关重要。 遵循本指南中的贴示和最佳实践,您可以缩小图片文件,加快站点的速度。 查看我们的支持页面,进一步了解此功能,以及它如何帮助您为用户打造更快速流畅的网站体验。

  5. 图片 CDN 功能使您的站点可以直接通过 Jetpack 的全球内容交付网络以现代网页格式交付经自动调整大小的图片。

    web.dev 上阅读有关图片 CDN 的更多信息

  6. 连接并缩小 CSS 和 JS 功能会合并与缩小您的 JavaScript 和 CSS 资源,从而减少服务器的请求数量和规模,确保内容能以更快速度加载。

    web.dev 上阅读有关缩小文件的更多信息。

不想每次更新站点时都必须手动生成关键 CSS? 使用自动化的关键 CSS,将繁芜琐事交给我们代劳 — 每次您更新站点时,我们都会自动重新生成关键 CSS 并更新性能分数。 通过升级您也可以获得专门的电子邮件支持。

借助 Jetpack 的 💚

这仅仅是个开始!

我们积极致力于为 Jetpack Boost 带来更多的功能和改进。 与我们分享您的看法和想法!

我们还要特别感谢 XWP 团队,他们为插件的初步研究和范围界定提供了帮助,并在整个项目期间与我们团队保持密切的联系。

屏幕截图

  • Jetpack Boost 关键 CSS 生成
  • Jetpack Boost 速度提升

安装

  1. 通过插件目录安装 Jetpack Boost 并将其激活。
  2. 激活 Jetpack 连接
  3. 逐个启用性能模块,观察性能得分的变化情况

常见问题

Jetpack Boost 如何帮助加快 WordPress 站点的速度?

Jetpack Boost 对从您的 WordPress 站点向用户浏览器发送数据的方式进行了细微更改,以加快浏览器显示站点的速度。

Jetpack Boost 包含越来越多的单独功能,您可以单独启用这些功能来提高站点性能。 这些功能包括:

  • 优化 CSS 加载:此功能会确定尽快显示站点初始内容所需的最重要的 CSS,并将其直接嵌入到站点标题中。
  • 页面缓存:此功能可将您的网站页面储存为静态 HTML 文件,无需动态生成。 这意味着访客可以更快接收页面,从而缩短等待时间,提高站点整体性能。
  • 推迟加载非必要的 JavaScript:此功能会强制先加载站点的主要内容,然后再加载所有认定为对显示站点非必要的 JavaScript。
  • 图片 CDN:该功能会依据访客的屏幕尺寸自动调整图片的大小,将图片转换为现代图片格式,并通过 Jetpack 的全球服务器网络交付图片。
  • 连接 JS:该功能可缩小 JavaScript 资源,并自动将其合并为更少的文件,从而减少站点加载时的请求数,提升加载速度。
  • 连接 CSS:如同连接 JavaScript 一样,该功能可缩小您的 CSS 文件,从而减少加载时的请求数。

使用 Jetpack Boost 后,速度预计可以得到怎样的提升?

网站性能复杂,可能会受到多种因素的影响。 所以,很难准确地预测它会对每个站点产生多大影响。

通常情况下,开始时速度得分越低,Jetpack Boost 对您的性能影响越大。 我们看到有用户报告说,仅安装和使用 Jetpack Boost 后,速度得分就提高了 25 分之多。

但是,由于影响性能的因素众多,Jetpack Boost 也可能会在极少数情况下对性能产生较小的负面影响。

我们建议您安装 Jetpack Boost,并亲自尝试。 它提供了一个测量网站速度得分的工具,来检查它对您站点的影响。

我是否也可以使用 Jetpack Boost 推迟加载非必要的 CSS?

如果启用了“优化 CSS 加载”功能,Jetpack Boost 会自动推迟加载非必要的 CSS。

“优化 CSS 加载”功能会确定站点尽快显示页面所需的最重要的 CSS 规则(通常称为“关键 CSS”),并推迟加载所有其他 CSS 规则,直到主要内容加载完毕。

什么是 Web Vitals?

Web Vitals 是 Google 用于进一步了解网站用户体验的衡量标准。 通过提高 Web Vitals 得分,您还可以优化站点的用户体验。

您可在 web.dev 上阅读有关 Web Vitals 的更多信息

Jetpack Boost 插件如何优化 Core Web Vitals?

每个 Core Web Vital 与站点的加载速度和显示在新访客屏幕上的速度有关。

Jetpack Boost 对从您的 WordPress 站点向用户浏览器发送数据的方式进行了细微更改,以加快内容加载速度。 因此,它可以提高 Core Web Vitals 得分。

例如,我们的“优化 CSS 加载”功能可确保将最重要的 CSS 规则尽早发送到用户的浏览器,提高首次内容绘制 (FCP) 和累积布局偏移 (CLS) 得分。

该插件是否需要 Jetpack?

Jetpack Boost 隶属于Jetpack 品牌,但不需要 Jetpack 插件来运行。 这是且将始终是一款单独的 Jetpack 插件。

对于任何网站,该插件都可以提升性能吗?

该插件提供了一系列性能改进,可以帮助几乎所有 WordPress 站点提升性能。

但是,如果您的站点已经优化得非常好了,那么 Jetpack Boost 可能就没有太大的改进空间了。

Jetpack Boost 提供了一个衡量站点速度得分的工具 — 我们鼓励用户进行尝试,以了解此工具可能产生的影响。

我如何知道它是否有效?

每个站点都不同,因此每个模块的性能提升效果可能因站点而异。 所以,我们建议您逐个启用性能模块,以衡量您站点上的性能提升效果。 您可借助多种工具免费衡量性能提升效果:

Google PageSpeed 衡量标准已内置在 Jetpack Boost 仪表盘中。

使用 Jetpack Boost 进行速度优化是否安全?

是的,在任何 WordPress 站点上都可以安全试用 Jetpack Boost。

Jetpack Boost 不会更改您站点的内容,只会修改将内容发送到用户浏览器的方式,以便加快显示速度。

因此,如果 Jetpack Boost 与您的其他插件不兼容,您可以安全地关闭其所有功能。

与其他速度优化插件相比,Jetpack Boost 有何优劣势?

对用户而言,WordPress 的速度优化插件可能既复杂又不透明。 它们提供的复选框列通常极少附带解释,也不包含相关工具,无法衡量用户所做的每项更改或选择的影响。

Jetpack Boost 的目标是:尽可能易于使用,并提供一个速度得分指标,来帮助用户即刻衡量其选择所带来的影响。

它是否适用于静态页面缓存?

当然! 如果您安装了 WP Super Cache 或 W3 Total Cache 等插件,Jetpack Boost 只能帮助您或多或少地提升一些性能! 请注意,待缓存清除后才能显示 Jetpack Boost 的改进效果。

如果我拥有一个大型数据库,Jetpack Boost 能加快我网站的加载速度吗?

Jetpack Boost 目前尚未针对大型数据库进行任何优化。 但请密切关注 — 我们一直在寻求帮助用户提升性能的新方法。

Jetpack Boost 是否有助于图片优化?

Jetpack Boost 的图片 CDN 功能会自动将您的图片转换为更现代的网页格式,在不损失图片质量的前提下缩小图片文件。

Jetpack Boost 与其他缓存和速度优化插件是否兼容?

除少数例外,Jetpack Boost 可与大多数缓存和速度优化插件一起运行。 我们的准则是,不建议在多个优化插件中启用同一功能。

例如,如果两个插件试图推迟非必要的 JavaScript,它们可能会相互冲突,并导致站点显示问题。

如果您遇到兼容性问题,请务必告知我们。 您可以随时通过 Jetpack Boost 支持论坛向我们发送消息。

评价

2024 年 5 月 14 日 1 回复
I like that it takes care of css leaving you to do other things, however I believe the upgrade to do it automatically is a little over priced. Otherwise, jetpack is a worthwhile addition to any website.
阅读所有467条评价

贡献者及开发者

「Jetpack Boost — 网站速度、性能和关键 CSS」插件已被翻译至 28 种本地化语言。 感谢所有译者为本插件所做的贡献。

将“Jetpack Boost — 网站速度、性能和关键 CSS”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

3.3.1 – 2024-05-15

Fixed

  • Concatenate JS: Added compatibility with WooCommerce 8.9
  • Critical CSS: Remove post types with empty Critical CSS URLs

点击此处查看之前的变更日志