体积层（收益最大）：构建产物开 gzip/brotli 压缩（brotli 比 gzip 再省 15-20%，nginx brotli 模块或 CDN 侧开）；JS 分包——路由级懒加载 import() 把首屏 bundle 砍到只含当前页，vendor 公共包单独拆利用长缓存；图片现代格式（webp/avif 比 jpg 小一半）+ 响应式尺寸（srcset，别拿 4000px 原图渲染 300px 容器）+ 首屏外懒加载。验证：DevTools Network 面板按大小排序，Lighthouse 的 bundle 分析。
链路层：关键资源 preload（字体、首屏大图），非关键 defer/async（第三方统计脚本一律 async，它们是白屏元凶常客）；域名收敛——HTTP/2 下多域名分片反而是负优化（每个域名独立连接和慢启动），同域多路复用更好；CDN 就近接入；服务端响应本身别慢（TTFB 大于 500ms 先查后端，前端优化救不了慢接口）。
渲染层：CSS 放 head（阻塞渲染但必须早拿），JS 放 body 尾或 defer；骨架屏和图片占位尺寸（防 CLS 布局抖动）提升感知性能；SSR/SSG 对内容和 SEO 型页面是质变（首屏 HTML 直出）。量化验收盯三个指标：LCP（最大内容渲染 < 2.5s）、CLS（< 0.1）、INP，Lighthouse 跑分只是参考，真实用户监控（RUM）的 P75 才算数。