defer表示下载不阻塞解析、在HTML解析完后按顺序执行；async表示下载完立即执行，适合独立脚本。
首屏关键CSS建议内联到，其余样式异步加载。
改完后用Lighthouse的“Eliminate render-blocking resources”项复查。

验证效果与常见误区

优化后回到Network面板，清缓存重新加载，对比FCP和LCP是否下降。
如果FCP没变，检查首屏HTML是否本身过大或服务端响应慢；
如果LCP没变，重点看首屏大图是否仍过大或未预加载。

常见误区：只压缩了图片却忘了开启文本压缩；
给HTML设了长缓存导致更新不生效；
把关键CSS也改成异步加载，反而造成首屏样式闪烁。
每次只改一类配置，改完立即验证，出问题可以快速回滚。
首屏加载慢的优化不是一次到位，按测量结果逐项处理，比盲目换服务器更有效。