描述
通过 Jetpack Boost 优化页面性能,加快您 WordPress 站点的加载速度。 轻松激活一键优化功能,增强您的 Core Web Vitals。
您是否知道加快网站速度能:-
- 提高在 Google 上的排名。
- 降低跳出率(延长访客在您站点上的停留时间)。
- 提高您的转化率。
通过一键优化功能提升您网站的性能并加快您网站的速度,该功能可增强您 WordPress 站点的性能并提高 Core Web Vitals 得分,从而帮助您获得更好的搜索引擎排名。
优化 Core Web Vitals 能帮助您提高在 Google 上的排名。 加快网站速度还可以改进您的 SEO,帮助您降低跳出率并提高电子商务转化率。
- 最大内容绘制 (LCP):衡量加载性能。 提高您的 LCP 并加快您网站的加载速度。
- 首次输入延迟 (FID):衡量交互性。 改进用户体验页面需要降低 FID。
- 累积布局偏移 (CLS):衡量视觉稳定性。 降低 CLS 有助于提升用户体验。
性能模块
使用与世界上最成功的网站所用相同的技术优化您的网站。
用于增强网站性能的每项技术都打包成一个模块,可供您激活和试用。
目前,该插件有 6 个性能模块可供选择:
-
优化 CSS 加载功能为您的主页、文章和页面生成关键 CSS。 这可以大幅提升您的内容在屏幕上的显示速度,尤其是在移动设备屏幕上的显示速度。
在 web.dev 上阅读有关关键 CSS 生成的更多信息
-
页面缓存功能通过将页面保存为静态文件来加快站点加载速度。 这些文件可快速提供给访客,从而缩短加载时间,增强用户体验。
-
推迟加载非必要的 Javascript 功能将一些任务延迟到页面加载后进行,从而加快重要视觉信息的显示速度和网站的加载速度。
在 web.dev 上阅读有关推迟加载 javascript 的更多信息
-
对于想要优化其网站图片的人而言,图片指南是一项必备功能。 借助这一指南,您可确保您站点上的图片尺寸合适,这对于提升用户体验、页面速度和站点排名至关重要。 遵循本指南中的贴示和最佳实践,您可以缩小图片文件,加快站点的速度。 查看我们的支持页面,进一步了解此功能,以及它如何帮助您为用户打造更快速流畅的网站体验。
-
图片 CDN 功能使您的站点可以直接通过 Jetpack 的全球内容交付网络以现代网页格式交付经自动调整大小的图片。
在 web.dev 上阅读有关图片 CDN 的更多信息
-
连接并缩小 CSS 和 JS 功能会合并与缩小您的 JavaScript 和 CSS 资源,从而减少服务器的请求数量和规模,确保内容能以更快速度加载。
在 web.dev 上阅读有关缩小文件的更多信息。
不想每次更新站点时都必须手动生成关键 CSS? 使用自动化的关键 CSS,将繁芜琐事交给我们代劳 — 每次您更新站点时,我们都会自动重新生成关键 CSS 并更新性能分数。 通过升级您也可以获得专门的电子邮件支持。
借助 Jetpack 的 💚
这仅仅是个开始!
我们积极致力于为 Jetpack Boost 带来更多的功能和改进。 与我们分享您的看法和想法!
我们还要特别感谢 XWP 团队,他们为插件的初步研究和范围界定提供了帮助,并在整个项目期间与我们团队保持密切的联系。
屏幕截图
安装
- 通过插件目录安装 Jetpack Boost 并将其激活。
- 激活 Jetpack 连接
- 逐个启用性能模块,观察性能得分的变化情况
常见问题
-
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 支持论坛向我们发送消息。
评价
贡献者及开发者
“Jetpack Boost — 网站速度、性能和关键 CSS” 是开源软件。 以下人员对此插件做出了贡献。
贡献者更新日志
3.4.9 – 2024-09-03
Fixed
- Update
automattic/jetpack-image-cdn
package to resolve a PHP fatal error.