从 62 分到 99 分：Astro 5 博客性能优化全记录

关于

阮老师好，我是全栈工程师小白。 最近我在打磨个人博客（AltStack）时，为了让 Lighthouse 跑分达到 99+，经历了一场有趣的鏖战。我将这个过程记录成了一篇 4000 字的深度复盘。 文章除了常规的图片压缩，还重点分享了几个在 Astro 5 环境下的硬核优化点： 1. Rehype 插件实战：自研插件解决构建时的图片链接预包裹，从而根治 CLS。 2. 中文字体子集化 vs 系统字体栈：如何权衡 2.1MB 的字体加载对 FCP 的影响。 3. Twikoo 懒加载实现：通过 IntersectionObserver 消除第三方评论系统的渲染阻塞。 4. Cloudflare 边缘策略：如何正确配置 immutable 缓存策略。 这篇文章包含了大量代码细节和火焰图分析，希望能给同样追求极致 Web 性能的朋友带来一些实战启发。 文章链接： () 感谢您的阅读与分享！

收录记录

1. 阮一峰周刊·用户投稿

   2026年1月23日 · 1 次收录