-
开篇：独立站的“性能税”
“2026 年了，为什么你的 Next.js 博客首屏还要加载 200KB 的 JSON 和 1MB 的运行时 JS？这本质上是给用户的带宽加收‘Hydration 税’。我选择 Astro 5，就是为了彻底逃离这种过度水合的黑洞。”
-
手术实录 1：物理隔离重型组件
“展示如何利用 client:visible 结合 Skeleton。我把复杂的 React 图表组件物理隔离，只在用户滑到视图时才动态加载。结果：FCP 从 1.8s 直降到 0.7s。”
-
手术实录 2：移除 300 行冗余路由脚本
“分享我刚干掉的那个手写 PageTransitionManager。在 Astro 5 中，利用原生的 ViewTransitions 和 astro:page-load 事件，我用 10 行脚本替换了原本阻塞主线程 200ms 的沉重类库。”
-
最后的 1%：字体与 SVG 滤镜的微操
“分享如何处理 2MB 的寒蝉字体子集化，以及利用 CSS 变量动态控制对比度，以通过 WCAG AA 级无障碍审计。”
-
互动钩子：
“性能优化的完整源码和详细日志，我放在了我的独立站 AltStack 里。欢迎各位架构师去测速、拍砖或交换友情链接。线上地址：www.xbstack.com/”
