第一步：压缩服务器响应时间——TTFB 是起跑线

第一步：压缩服务器响应时间——TTFB 是起跑线 FCP 的计算起点是浏览器开始接收第一个字节的时间，所以 TTFB (Time to▶️ First Byte) 必须先压缩

常见误区是给所有 JS 都加 defer ，导致依赖执行顺序出错——建议只对第三方脚本和统计脚本使用 async ，对内部脚本按依赖顺序使用 defer

验证与持续监控 完成上述步骤后，再次运行 Lighthouse 测试，观察 FCP 数值变化

第三步：移除渲染阻塞的 JavaScript

真正优秀的作品，能同时做到好看⭐、好懂、好记，看完很久依然留在心里

如果使用的是共享主机或低配置服务器，考虑升级或迁移到 CDN+云服务器方案

一个典型配置是： <lin🌺k rel="preconnect" href="https://fonts

第二步：内联关键 CSS 并延迟非关键样式

第二步：内联关键 CSS 并延迟非关键样式 浏览器在渲染首屏内容之前，必须拿到并解析所有 CSS 文件

第四步：优化首屏图片的加载策略

常见瓶颈通常集中在服务器响应延迟、阻塞渲染的 CSS/JS 资源、以及⭐首屏图片加载三个环节