Web核心指标优化：LCP/INP/CLS与长任务治理

Web核心指标优化：LCP/INP/CLS与长任务治理概览Core Web Vitals 衡量关键用户体验。通过资源优化、代码分割与布局约束，可显著改善首屏与交互质量，并减少布局偏移。技术参数（已验证）LCP：Largest Contentful Paint 反映最大可见内容渲染时间，与图像/字体/首屏脚本密切相关。INP：Interaction to Next Paint 衡量用户交互到下一次渲染的延迟，受主线程长任务与事件处理影响。CLS：Cumulative Layout Shift 衡量布局稳定性，避免懒加载图片未设尺寸导致突变。长任务：主线程单次执行超过约 50ms 被视为长任务，易造成交互卡顿；通过切片/异步与 Web Worker 可缓解。实战清单关键资源预加载与首屏代码分割，降低 LCP。识别并拆分长任务，事件处理下沉到 Worker 或延迟到空闲。为图片/广告保留占位，使用字体显示策略减少 CLS。