页面速度优化进阶：从LCP到INP的每一个子指标

页面速度优化进阶：从LCP到INP的每一个子指标

LCP（最大内容绘制）的优化被讨论最多，但INP（Interaction to Next Paint）在2024年3月正式取代FID成为Core Web Vitals之一后，其重要性持续上升。INP衡量的是页面在用户整个访问期间对所有交互的响应延迟，而非单单首次交互。

INP优化从识别长任务（超过50ms的JS执行）开始——Chrome DevTools Performance面板记录一次完整交互，筛选出阻塞主线程的长任务，逐一分解。常见元凶：事件处理器中的同步DOM操作、未分片的数组处理、未debounce的输入事件。Lighthouse的”avoid long main-thread tasks”审计提供直接可操作的改进建议。