适用于 WordPress Core Web Vitals 的 Jetpack Boost 已准备就绪

由创建 WordPress 的同一个人创立的 Automattic 正式推出了 Jetpack Boost,这是一个免费插件,可帮助网页针对 Core Web Vitals 进行优化。 这很重要,因为 Core Web Vitals 将在 2021 年 6 月成为排名因素。

什么是 Jetpack Boost?

Jetpack Boost 是一个为 Web Core Vitals 提供一键优化的插件。 该插件目前做了三件事,将来会做更多。

Jetpack Boost 执行以下操作:

  1. 优化 CSS 加载
  2. 推迟非必要的 JavaScript
  3. 延迟图像加载

1.优化CSS加载

为了使网页组合在一起,浏览器需要构建它,这个过程称为“渲染。

层叠样式表 (CSS) 是一种代码,它告诉浏览器字体是什么颜色、页面元素的位置以及与网页外观有关的所有其他内容。

然而,CSS 是所谓的渲染阻塞资源。 渲染阻塞资源是阻止浏览器构建网页的东西,因为浏览器需要下载资源(如 层叠样式表)。

层叠样式表 (CSS) 是告诉浏览器如何构建网页的最重要的代码。 出于这个原因,浏览器可能会停止下载网页以下载 CSS。

有一些代码比其他代码更重要,以使页面对网页访问者起作用。

这叫 关键 CSS.

使网页下载速度更快的一个技巧是获取与网页外观相关的 CSS 部分,并将其放在网页本身的顶部。

因此,与其将 CSS 代码下载到单独的文件中,不如先下载最重要的部分,以便更快地创建网页。

发布者可以编辑他们的 CSS 文件并将其放入 WordPress 中的适当文件中,或者他们可以使用 Jetpack Boost 自动完成。

虽然有些人可能会说最好用手做,但并不是每个人都可以找人为他们做。

这些是 Jetpack Boost 的出版商。 Jetpack Boost 简化了向网页添加关键 CSS 并加快速度的过程。

2. 推迟非必要的 JavaScript

JavaScript 是一种像小型机器一样工作的代码,可以在网页上进行操作。 例如,JavaScript 通常是在主导航下拉菜单中创建下拉菜单的原因。

下载 JavaScript 的过程会阻止浏览器构建网页。 这使得 JavaScript 成为“渲染阻塞资源。

帮助网页下载更快并创建准备好与之交互的网页的“感知”的一种方法是最后下载非关键 JavaScript 代码。

首先下载访问者与站点交互所需的重要代码,最后下载用户当时不需要的内容。

3. 延迟加载图片

图像可能是需要下载的一些最大的网页元素。 必须下载图像会使网页需要很长时间才能呈现。

但是,不需要立即下载网页上的每个图像。 延迟加载是一种延迟下载图像的方法。 这意味着在访问者滚动到图像所在的位置之前不会下载图像。

这使得网站访问者可以更快地使用网页。

喷气背包助推器

Boost 是一种一键式解决方案,推荐给需要一种简单方法来提高 Core Web Vitals 性能的发布者。

Jetpack 是这样描述的:

“Jetpack Boost 为您的网站提供与世界领先网站相同的性能优势,无需开发人员。”

Jetpack Boost 并不适合所有人。 它适用于无法访问可以进行困难的编码更改以提高 Core Web Vitals 分数的开发人员的企业。

对于那些擅长做生意但不擅长编码的企业来说,这是一种从更好的 Core Web Vitals 分数中获益的方法。

引文

提高网站性能和 SEO 的最简单方法

给TA打赏
共{{data.count}}人
人已打赏

WordPress 漏洞更新

2020-5-1 6:13:25

Bing Ads 击败 Google AdWords 的 7 种方式

2021-11-23 12:54:34

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索