页面速度优化的实战清单

加载超过三秒一半访客会离开。速度优化不凭感觉，先测速定位瓶颈再按性价比逐项治理。

测速定位瓶颈

PageSpeed Insights和GTmetrix跑一遍，记录首屏时间、完全加载时间和各项扣分点。优化前后都用同一工具对比。

图片优化

图片转WebP格式、按显示尺寸输出、加懒加载。图片通常是页面体积的大头，这一项就能砍掉一半体积。

缓存配置

Nginx开启gzip和expires：静态资源expires 30d，HTML用no-cache配合协商缓存。回访速度显著提升。

脚本治理

JS放body底部或加defer，第三方统计按需加载。渲染阻塞脚本每减少一个，首屏时间都有可见改善。

判断标准与参考数据

首屏时间1.5秒以内；PageSpeed移动端评分80分以上。

注意事项

不要为了评分堆奇怪的优化代码，用户真实体验为准；每次上线新功能都重新测速，性能债是累积的。