首次输入延迟(FID)通过首次输入延迟来测量交互性。 累积布局偏移 (CLS) 用于测量布局偏移发生频率最高的时段内页面的视觉稳定性。 下图说明了 Google 认为每个指标最佳的值。 来源: https: //web.dev/vitals/ 在进入下一部分之前,我认为在这里解释一下所有这些指标的“含义”会很有趣。 有趣的事实! “Paint” 不是指字面上的绘画,而是指在页面上渲染视觉元素的过程。在 LCP 或 INP 上下文中,“paint” 更准确的翻译是“渲染”或“绘制”页面上的视觉元素。 替代:INP 加入,FID 退出 为了解释这一变化的原因,没有比向 Google Chrome 团队发出声音更公平的做法了。
“虽然 FID的方式,但它并非没有局限性。名称本身实际上就透露了两个这样 科特迪瓦电话数据 的限制:“首次输入”和“延迟”。FID 仅报告用户首次与页面交互时的响应性。尽管第一印象很重要,但第一次交互并不一定代表整个页面生命周期中的所有交互。此外,FID 仅测量第一次交互的输入延迟部分,即浏览器在开始处理交互之前必须等待的时间(由于主线程繁忙)。” Rick Viscomi,Google DevRel 工程师 您明白这里的进展吗?如果今天可以通过 FID 来判断您的网站在用户体验方面表现良好,那么明天通过 INP 来判断会更加准确。
毕竟,我们正在将衡量标准扩展到所有交互。这很公平,不是吗? 现在,Google 将迫使我们始终确保良好的互动,这很棒!因此,现在让我们了解到 2024 年 3 月优化您的网站需要什么。 针对 INP 进行优化! 根据 Google 的说法,以下是针对 INP 优化网站的最佳做法: 在测试环境中查找缓慢的交互 诊断测试环境中的缓慢交互 识别并减少输入延迟 优化事件回调 尽量减少演示延迟 对于每一项优化,Google 都已撰写了文章来帮助您优化网站。您可以在Google Chrome 开发者博客上找到这些汇编。