博客改版后用测速工具一测，首屏 5 秒，移动端评分惨不忍睹。花了一个周末优化到 0.8 秒，记录一下见效最大的几招。

图片是最大的肥肉

首屏 banner 原图 1.8MB，压缩转 WebP 后只剩 120KB，肉眼几乎无差别。所有图片按需加载（loading="lazy"），列表缩略图另存小尺寸版本，别让浏览器下载原图再缩小。

减少阻塞

CSS 压缩合并放头部，非关键 JS 加 defer；字体只加载用到的字重，配合 font-display:swap 避免白屏等字体。

缓存与网络

静态资源给长缓存 + 文件指纹（改内容才换 hash 文件名）；服务器开启 gzip/brotli；用 CDN 让静态文件离用户更近。

优化的顺序永远是：先测量（Lighthouse/DevTools），再动手，改完再测。别凭感觉优化，数据会告诉你真正的瓶颈在哪。