核心网络生命：您需要了解的一切

1. 提高LCP分数

根据Google LCP指南，它被分为三个性能基准及其阈值。

• 良好：0 至小于 2.5 秒
• 需要改进：2.5 秒至 4.0 秒
• 差：超过4.0秒

这意味着要获得良好的 LCP 分数，您需要在 2.5 秒内访问网站的每个网页，这对于具有多个页面和复杂功能的大型网站来说可能非常具有挑战性。

例如，如果您的网页有大量高分辨率图像，其LCP分数可能会超过4.0秒，相信我，即使您单独安装CDN也不会提高。

对于这种特殊情况，您需要优化每个页面，或者如果可能的话，删除一些不重要的页面。 另外，还优化了页面代码。

这听起来像是一项非常艰巨的任务，但这是值得的，而且您应该会看到性能的巨大变化。

记住这一点，您可以做更多的事情，例如：

• 升级或迁移到快速托管虚拟主机：越早越好的虚拟主机将提高网站性能，从而提高 LCP 分数。
• 删除不需要的脚本：不需要的第三方脚本在后台运行并不必要地延迟加载。
• 启用页面缓存：它将允许页面在第一次加载后存储在服务器中，并且每当访问者请求页面时都可以轻松检索网站。
• 禁用延迟加载插件：尽管延迟加载是 WordPress 5.5 中提供的内置功能。 如果您正在使用一个（特别是由 JavaScript 驱动），请重新配置它以避免延迟加载页面上的主图像，或者更喜欢禁用延迟加载。

要了解更多信息，您可以查看我们的专门帖子“Largest Contentful Paint (LCP)：Web 性能指南”。

2. 改进CLS

CLS 或累积布局偏移衡量网页的视觉稳定性。 它意味着网页加载时有多少网页元素是稳定的。

如果网页的元素（例如图像或按钮）在网页仍在加载时随机移动，则表明 CLS 分数较高，这是不好的。

毕竟，没有人希望访问者或用户在网页完全加载并意外点击其他内容后重新了解按钮、图像和链接的位置。

这是 Google 衡量 CLS 分数的方式：

• 好：值低于 0.1
• 需要改进：0.1 至 0.25
• 差：大于0.25

以下是一些提高 CLS 分数的简单技巧：

• 向图像和视频添加宽度和高度尺寸属性：这样，浏览器就可以知道特定元素需要加载多少空间。 因此，一切看起来结构良好、组织有序且干净，并且在网页加载时也不会随机移动。
• 为广告元素分配空间：否则它们会意外出现并将内容随机推向任何方向。
• 避免使用网络字体：因为每当浏览器显示它们时都需要下载它们。 最好选择系统字体。

3.改进FID

到目前为止，您已经改进了 CLS 和 FCP，但主要问题是访问者是否与网页进行交互。

好吧，这就是 FID 的用武之地：它基本上测量用户与网页的交互时间。

交互可以是任何形式，例如单击按钮、填写表单、单击菜单中的选项等。

因此，谷歌认为它是一个重要的指标，可以提供有关现实生活中用户如何使用网页的信息。

为此，Google 将 FID 衡量为：

• 良好：低于 100 毫秒
• 需要改进：100 毫秒到 300 毫秒之间
• 差：超过 300 毫秒

它可能看起来完全是一个页面速度分数，它到底意味着什么，但更进一步。 它测量用户在网页上执行某项操作所需的时间。

每个页面可能有不同的 FID 分数，具体取决于其内容和功能。

例如，如果页面仅包含博客、新闻或文章等内容，则当用户滚动或放大和缩小网页时，就会计算FID，这没什么大不了的。

但是，如果它是注册页面，FID 可能会很大，因为它将在用户开始输入登录详细信息时进行测量。

记住所有这些事情，您可以遵循以下一些提示来改进您的 FID。

• 延迟 JavaScript 函数：大量编码的 Java 脚本有时会阻止网页的呈现，从而导致输入延迟。 推迟 JavaScript 可以帮助您加快此过程。
• 启用浏览器缓存：这有助于更快地在网页上加载内容，并减少服务器响应时间和资源下载时间。
• 创建静态页面：静态 HTML 网页比动态网页更稳定、更快。 当通过 CDN 分发时，它们的加载速度甚至会提高。
• 删除或优化第三方脚本：第三方脚本（例如分析或社交媒体小部件）可能会严重影响 FID。

4. 提高INP

该指标与 FID 相同，但它更具体地衡量用户与网页交互过程中的整体响应能力。

与仅关注首次用户交互的延迟的 FID 不同，INP 考虑网页上所有用户输入和交互的延迟。

为了提高 INP，您可以遵循以下一些提示：

• 使用 CDN 或内容分发网络
• 删除第三方脚本
• 启用浏览器缓存
• 优化图像
• 最小化 JavaScript 加载时间