HTML性能优化技巧与加载策略

HTML性能优化的本质并非压缩代码体积，而是精准调控浏览器解析与资源加载的时序——把script放在body底部或合理使用async/defer避免白屏，内联关键CSS并延迟非关键样式以加速首屏渲染，谨慎使用preload确保高优先级资源不被挤占，图片懒加载必须设置宽高防布局偏移，同时警惕document.write、@import等隐式阻塞行为；真正的瓶颈往往藏在Network瀑布流中停顿的位置，而非HTML本身。

HTML 本身不慢，慢的是它触发的阻塞和加载顺序。优化不是压缩几个空格，而是让浏览器在解析 HTML 的每一毫秒都干对的事。

script 标签放哪儿、加什么属性才不白屏

浏览器遇到 会立刻暂停 HTML 解析，等 JS 下载并执行完才继续——首屏白屏就从这儿开始。

• async：适合无依赖脚本（如 analytics.js），下载不阻塞，但执行时机不可控，可能早于 DOM 就绪
• defer：更适合业务逻辑 JS，下载不阻塞，执行在 DOM 解析完成后、DOMContentLoaded 前，且严格按书写顺序
• 别把