用途:审计页面交互响应慢、加载迟缓或渲染延迟问题,聚焦优化 Interaction to Next Paint(INP)。INP 于 2024 年取代 FID 成为核心网页指标,衡量整个会话中所有用户交互的响应速度,而非仅首次交互。
主要检查点:INP 衡量所有交互的响应性,目标低于 200ms;将长任务拆分为更小的块;重计算使用 Web Worker;优化事件处理器,避免阻塞主线程。
使用方式:在 Chrome DevTools 或 PageSpeed Insights 中测量 INP,确认交互响应是否在 200ms 内。修复方向包括优化事件处理器、拆分长任务、用 Web Worker 处理重计算、减少主线程阻塞。代码审查时梳理影响 INP 的路由、资源和加载行为,指出增加不必要网络、CPU 或布局开销的具体文件、请求或渲染步骤,并说明确认问题所用的测量方法。
适用场景:前端性能审计、交互响应优化、核心网页指标评估。
限制:完整实现细节、代码示例和框架特定指引见 references/rule.md;官方页面为 https://frontendchecklist.io/rules/performance/interaction-to-next-paint。除上述内容外,具体版本要求、浏览器支持范围等暂未提供。