前端进阶都应该了解的知识点 - INP

文章预览

点击上方  前端Q ，关注公众号 回复 加群 ，加入前端Q技术交流群 前言 介绍了交互至下一次绘制（INP）取代了首次输入延迟（FID）作为核心 Web 性能指标。INP 衡量用户与页面元素交互时的顿挫感，考虑了交互的每个部分对性能的影响，包括输入延迟、处理时间和呈现延迟。还指出了如何理解 JavaScript 的主线程执行模型以及如何优化 INP 以提升网页性能。今日文章由 @飘飘翻译分享。 从 2023 年 3 月 12 日起，INP 将取代 "首次输入延迟"（FID），成为核心 Web Vital 指标。 FID 和 INP 在浏览器中衡量的是相同情况：当用户与页面上的元素交互时，感觉有多笨拙？对于 Web 及其用户来说，好消息是 INP 通过考虑交互的每个部分和渲染响应，提供了更好的真实性能表现。 对您来说这也是一个好消息：您为确保 FID 的良好分数而采取的措施，将使您在获得可靠的 INP ………………………………