首屏优化的核心是减少阻塞资源。站点慢、白屏、后台进不去，基本都是同一套排查路径，掌握一次就够用。

下面按“先判断范围、再处理、最后防复发”的顺序展开，涉及 首屏、优化 的关键动作都给了具体做法，可以照着走。

关键 CSS

内联首屏样式。

拿不准的时候先做备份再做变更，成本最低。

脚本

defer 或异步加载。

容易踩的坑：变更没留记录，下次故障时没人知道上一轮改了什么。

图片

首屏图预加载，其余懒加载。

条件允许的话先在测试环境走一遍，再动生产。

缓存

静态资源长缓存加指纹。

速查表

常见问题

Q：首屏这类问题，最快的判断办法是什么？
先确认现象的范围：只有单台还是全部、只在某个时段还是持续。范围一缩小，原因基本就浮出来了。

Q：按文中的步骤做完，还需要注意什么？
把处理过程和最终生效的参数记下来。同类问题再出现时直接对照记录，比重查一遍快得多。

小结

回到这篇的四个环节：关键 CSS、脚本、图片、缓存。真出问题时，先回退到上一个可用状态，再慢慢找原因，别在线上试。

相关阅读：页面速度优化从哪下手、www 与 https 怎么统一跳转、HTTPS 混合内容怎么修。