网站页面加载速度优化，提升谷歌排名与用户体验
速度为什么重要
页面加载速度是“页面体验”信号的一部分（核心网页指标就是速度与稳定性的量化）。速度快，用户愿意停留、转化更高；速度慢，用户 3 秒内就可能离开。同时，慢页面也浪费谷歌的抓取预算（来源见文末）。
优化的四个方向
| 方向 | 具体做法 | 主要收益 |
|---|---|---|
| 图片 | 转 WebP、压缩、按显示尺寸导出、非首屏懒加载 | 减小体积，提升 LCP |
| 服务器 | CDN、缓存、开启 Gzip/Brotli、降低 TTFB | 加快首字节与静态资源 |
| 资源 | 压缩合并 CSS/JS、异步加载、去掉阻塞渲染的脚本 | 加快首屏渲染 |
| 代码与结构 | 精简冗余代码、减少重定向链、合理分页 | 整体更快 |
落地的优先级
- 先动图片：多数站点图片占体积大头，压缩、WebP、懒加载见效最快；
- 再上 CDN 与缓存：静态资源走 CDN，配合浏览器缓存与 Gzip/Brotli；
- 后治脚本：异步加载、拆分 JS，减少主线程长任务（影响 INP）。
怎么衡量
用 PageSpeed Insights / Lighthouse 测单页，看 LCP、INP、CLS 和具体“机会”清单；用 GSC 的 Core Web Vitals 报告看全站真实用户数据。优化前后各测一次，看三项指标是否从“较差/需改进”进入“良好”。
常见误区
- 把所有图都懒加载，首屏主图也延迟，反而拖慢 LCP；
- 只压图、不管服务器 TTFB，首字节就慢；
- 上 CDN 却不配缓存策略，回源照样慢；
- 堆动画和第三方脚本，交互响应（INP）变差。
来源：https://web.dev/fast/
来源：https://developers.google.com/search/docs/appearance/page-experience