Astro 3.0 正式发布，现代化的轻量级静态站点生成器

Astro 是现代化静态站点生成器、集多功能于一体的 Web 框架，用于构建快速、以内容为中心的网站。

主要特性

• 组件群岛：用于构建更快网站的全新 Web 架构。
• 服务器优先的 API 设计：移除客户端上高资源消耗的激活过程。
• 默认零 JS：没有 JavaScript 运行时开销来减慢你的速度。
• 支持部署到 Edge：在任何地方部署，甚至像 Deno 或 Cloudflare 这样的全球 Edge 运行时。
• 可定制：Tailwind, MDX 和 100 多个其他集成可供选择。
• 不依赖特定 UI：支持 React, Preact, Svelte, Vue, Solid, Lit 等等。

Astro 正式发布了 3.0 大版本更新，速度提升 30%，功能比以往更强大。

据称 Astro 3.0 是首款支持 View Transitions API 的主流 Web 框架。基于该特性，开发者可以在页面导航中轻松实现淡入淡出、滑动、变形，甚至持久化有状态元素。此前只有 JavaScript 单页应用程序 (SPA) 才能实现这种需求，现在每个人都可以在 Astro 3.0 中使用这些功能。

其他主要变化：

• 图像优化 (Image optimization)

进入稳定阶段，性能比以往更好，可用于所有项目。

 --- // Import the <Image /> component import { Image } from "astro:assets" // Import a reference to the image itself import myImage from "../assets/penguin.png" --- <Image src={myImage} alt="A very cool penguin!" />

详情查看文档。

• 更快的渲染性能

Astro 组件的渲染速度提高了 30-75%。

开发团队表示，Astro 3.0 的渲染性能显著提升，大多数组件的渲染速度提升了 30%（与 Astro 2.9 相比）。在复杂的基准测试中，速度提升可达 75%。

据介绍，实现这种提升得益于在 Astro 2.10 中启动并延续到 Astro 3.0 的专门重构工作。工程师从构建管道的热路径中删除了尽可能多的不必要的代码，并优化了剩余的代码。不必要的生成器和异步代码是两个最大的罪魁祸首。

• 针对 JSX 的 HMR 增强功能

支持 React 和 Preact 的快速刷新。

基于对内部 JSX 构建支持的重大重构，React Fast Refresh 现在可以在 Astro 3.0 中运行。 React、Preact 和 Solid.js 用户能看到 Astro 3.0 中热模块重新加载 (HMR) 和整体开发服务器稳定性的显着改进。

• 优化构建输出：提供更简洁、性能更强的 HTML。
• 针对 Serverless 的 SSR 增强： 连接托管平台的新方法。

详情查看发布公告。