它解决了什么痛点?
在 Astro 出现之前,开发者为了用 React/Vue 的组件化开发体验,往往被迫接受沉重的 JavaScript 包体积,导致简单的博客网站加载也很慢。
Astro 的技术本质是: 让开发者享受现代组件化开发体验(用 React/Vue 写代码),但最终生成的是像 10 年前那样轻量、飞快的纯 HTML 网站。这就是 Cloudflare 看中它的原因——极致的性能。
核心黑科技:“群岛架构” (Islands Architecture)
这是 Astro 最著名的技术创新。
传统框架(如 Next.js/React): 通常会将整个页面作为一个大的 JavaScript 应用程序加载。即使用户只看静态文字,浏览器也要下载并执行大量 JS 代码来“接管”页面(这个过程叫 Hydration/水合)。 Astro 的做法: 它将页面视为一片静态 HTML 的“海洋”,其中漂浮着几个交互式的“岛屿”。 例如:一个页面 90% 是静态文章(海洋),只有“评论区”和“点赞按钮”是动态的(岛屿)。 Astro 只为那两个小岛屿加载 JavaScript,其余部分全是纯 HTML。这使得页面加载速度极快。