METHOD — 优化手段
八项性能优化手段
从前端到服务器，从资源到代码的全栈优化
01
资源压缩
对 HTML、CSS、JavaScript 进行代码压缩，对图片采用 WebP / AVIF 等新格式，配合 Gzip / Brotli 传输压缩，资源体积平均下降 60% 以上。
02
懒加载
首屏之外的图片、视频、组件采用 IntersectionObserver 懒加载，减少首屏请求量，加快首屏可见时间。
03
CDN 加速
部署全球 CDN 节点，将静态资源缓存到离用户最近的边缘节点，显著降低网络延迟与跨地域访问耗时。
04
缓存策略
合理设置 HTTP 缓存头与 Service Worker 缓存，分级缓存静态资源、动态接口与 HTML 文档，回访体验近乎瞬时。
05
关键渲染路径
内联关键 CSS、延迟非首屏 JS、预连接关键域名、预加载核心资源，优化浏览器渲染流水线。
06
字体优化
使用 font-display: swap、字体子集化、本地字体预加载等手段，避免字体加载阻塞文本渲染。
07
服务端优化
开启 HTTP/2 或 HTTP/3、配置反向代理缓存、优化数据库查询与 SSR/SSG 渲染，缩短服务端响应时间（TTFB）。
08
持续监测
接入 RUM（真实用户监测）与 Lighthouse CI，对每次发版进行性能回归，建立长期性能基线。