2026 年 9 月,Astro 发布 7.2 版本,重点优化大型静态网站的构建速度。Astro 是一个开源的 JavaScript 网站框架,专为「内容驱动网站」设计——博客、文档站、营销页、内容型电商站这类以文章和内容为主的站点。它的核心做法与主流前端框架相反:页面默认在服务器上渲染成几乎不含 JavaScript 的静态 HTML 再发给浏览器,只有页面里真正需要交互的小块组件才会加载脚本。在 HTTP Archive(网页性能数据归档)与 Chrome UX Report(谷歌的 Chrome 真实用户体验数据)对移动端真实站点的统计中,使用 Astro 的网站 Core Web Vitals 达标率为 66%,高于 WordPress 的 48%、Gatsby 的 47%、Next.js 的 30%、Nuxt 的 28%。

这是个什么项目

Astro 是 JavaScript 生态中的一个网站构建框架(web framework),代码仓库为 withastro/astro,采用 MIT 开源协议,免费使用。它解决的问题很具体:内容为主的网站往往文章多、页面多、交互少,如果用传统前端框架开发,浏览器要下载并执行大量 JavaScript,加载变慢、耗电更多;Astro 的做法反过来——把页面在服务器上渲染成纯静态 HTML,默认不向浏览器发送任何 JavaScript,访问速度因此更快。

适合用它的人:搭建博客、团队文档站、产品营销页、作品集、内容型电商站的前端开发者,以及希望站点加载快、搜索引擎收录好的内容团队。官方文档站主题 Starlight、多家公司的营销站点都基于它构建。

66% 达标率的来源

Core Web Vitals 是谷歌衡量网页加载与交互体验的一组核心指标,包括加载速度、视觉稳定性和响应速度,是现在网站性能评测的通行标准。Astro 能拿到 66% 的真实站点达标率,主要靠两件事。

第一是岛屿架构(Astro Islands):把页面大部分内容渲染成静态 HTML,只有少数需要交互的局部组件(比如购物车按钮、评论区)作为独立的「岛屿」按需加载 JavaScript,页面其余部分完全不需要脚本。第二是服务端优先(Server-First):组件在服务器上完成渲染,浏览器只接收处理好的 HTML,用最少的网络请求完成页面展示。

官方还给出了同类框架的对照:WordPress 48%、Gatsby 47%、Next.js 30%、Nuxt 28%。这组数据来自 HTTP Archive 对真实网站的统计,采集的是移动端数据,反映的是使用这些技术栈的网站在现实中的整体表现,不是实验室基准测试。

内容站点的配套能力

Astro 的定位是「内容驱动」,围绕内容生产做了整套工具:

  • Content Collections(内容集合):用 Markdown 或 MDX 组织文章,自带 TypeScript 类型检查——写文章时字段写错会直接报错,而不是发布后才发现。MDX 是一种允许在 Markdown 文章里嵌入交互组件的格式。
  • 文件路由:在项目里放一个文件就是一个页面,目录结构即站点结构,不需要额外配置。
  • 数据加载:内容可以放在本地文件系统,也可以从外部 API 或 CMS(内容管理系统,如 WordPress、Strapi 这类管理后台)读取,统一在构建时拉取。
  • 图片优化:内置图片组件自动转换格式、压缩尺寸,避免页面加载时布局跳动。

零锁定:自带框架组件都能用

Astro 不要求你放弃熟悉的工具。React、Vue、Svelte、Angular、Preact、Solid、Qwik 的组件都可以直接嵌进 Astro 页面,官方提供对应集成;已有的组件库、CSS 库、主题也能继续使用。想要中等程度的交互时,可以用 client:load 这类指令精确指定哪个组件在浏览器端激活,其余继续走静态渲染。

7.2 版本的更新内容

7.2 的头号功能是实验性增量静态构建(incremental static builds):大型静态站可能有成千上万个页面,以往每次构建都要把所有页面重新渲染一遍;开启增量构建后,Astro 会跳过代码和数据都没变化的页面,只重新生成有改动的部分,构建时间随内容增长不再线性膨胀。7.2 还增加了关闭 session 支持(session 是服务器为记录用户会话状态提供的机制,不需要时可以去掉)、astro preview 的后台运行模式,以及更精简的自定义日志入口配置。

生态与社区

Astro 提供主题市场,覆盖文档站(Starlight)、博客、作品集、落地页、电商等场景,可以下载预建主题直接改;也提供官方合作代理机构列表,企业可以找专业团队做定制开发。项目由社区维护,赞助商包括 Netlify、Webflow、Cloudflare、Mux 等。

结论

如果你要建的是内容为主的网站——博客、文档、营销页或内容型电商站——Astro 是一个值得认真考虑的选择:它在真实的移动端网站数据里拿到了 66% 的 Core Web Vitals 达标率,领先 WordPress、Gatsby、Next.js 和 Nuxt;默认零 JavaScript 的架构让站点天然轻快;7.2 的增量静态构建又解决了大型静态站越建越慢的问题。一句话记住它:Astro 是内容网站专用的 JavaScript 框架,默认不往浏览器发脚本,真实站点性能数据目前排在主流框架最前面。