速度提升30%，Astro 3.0正式发布

OSC开源社区 2023-09-01 654

描述

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  /> component
import { Image } from "astro:assets"
// Import a reference to the image itself
import myImage from "../assets/penguin.png"
---

 src={myImage} alt="A very cool penguin!" />

详情查看文档：https://docs.astro.build/en/guides/images/

更快的渲染性能

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) 和整体开发服务器稳定性的显着改进。 SSR

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

打开APP阅读更多精彩内容