第一步：诊断现状——测量现有指标

启用预加载 ：对首屏中的关键图片或字体，使用 <🎉link rel="preload"> 标签提前请求

延迟非关键资源🔑 ：将不必要的 JavaScript 和 CSS 推迟加载，确保文本或图片资源优先呈现

避免字体导致布局移位 ：使用 font-display: swap 或预加载自定🎆义字体，让文本在字体加载前后不改变容器尺寸

第四步：控制累积布局偏移（CLS）

常见做法是设置 200 毫秒以内的服务器响应时间

使用 Web Worker ：对于计算密集型任务（如数据⭐处理），可将其移入后台线程运行🍀，避免阻塞 UI 响应

一个常见误区是：过度优化 CLS 可能导致页面加载变慢