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

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