网站变慢的头号原因

大多数主流框架会把整个应用的 JavaScript 一次性发给浏览器（术语叫“水合”）。用户页面还没看完，浏览器就先下载并执行了几百 KB 脚本——加载慢、耗电、移动端尤其明显。

群岛架构：像海面上的群岛

Astro 把页面想象成海面：

  • 默认整页都是纯 HTML（海面本身），不需要任何 JS 就能完整显示；
  • 只有少数真正需要交互的组件（岛屿：评论区、搜索框、计数器），才各自加载自己的 JS。

没有脚本的页面，浏览器几乎“秒开”。

为什么这既快又利于 SEO

  1. 纯 HTML 输出：爬虫和 AI 一次读完正文，不用等 JS 渲染——对搜索引擎和 AI 抓取都非常友好。
  2. 首屏快：不下载无谓脚本，移动端体验好。
  3. 渐进增强：需要交互的地方再“激活”，交互能力不打折。

什么时候不需要“岛”

纯展示页面、文章页、企业官网——大部分内容型页面根本不需要 JavaScript。这也是 Astro 在内容站场景优势巨大的原因：把精力花在内容和结构上，而不是脚本优化上。

总结

群岛架构 = “静态的稳” + “交互的活”，是内容型网站速度与 SEO 的最优解之一。如果你正在选框架，这是 Astro 最值得了解的核心机制。