关键渲染路径优化：不再让CSS和JS阻塞首屏

常见的瓶颈包括不必要的HTTP请求、未压缩的资源文件、阻塞渲染的CSS和💎JavaScript，以及服务端配置不当

但注意合并体积不宜过大（超过10📚0KB可能影响缓🎊存利用率），现代HTTP/2多路复用能力允许适度拆分，优先保持并行加载优势

从服务器响应到首屏渲染：速度优化的底层逻辑

如果脚本必须在首屏执行，尽量将其内联并以🌟最小体积注入

浏览器缓存策略：让重复访问几乎零加载

JavaScript方面，将非交互必需的脚本添加 defer 或 async 属性，确保脚本不阻塞DOM解析

图片与字体：容易被忽视的加载黑洞 图片往往是页🌅面体积的罪魁祸首

网页字体方面，使用 font-display: swap 确保文本在字体加载期间优先展现，避免不可见文本闪烁（FOIT）导致用户体验下降，同时百度爬🎇虫也能正常抓取文字内容