@孟世博

2023年9月6日

Astro 3.0 | Astro

Astro 3.0 不仅仅是一个版本更新，它几乎是一个革命性的跳跃，为前端开发带来了一系列令人兴奋的新特性和优化。

• 图像优化（稳定版）：无需标记，并且比以往更好。
• 更快的渲染性能：Astro 组件渲染速度提高了 30-75%。
• 针对无服务器（Serverless）的 SSR（服务器端渲染）增强：与您的托管平台连接的新方法。
• 针对 JSX 的 HMR（热模块替换）增强：为 React 和 Preact 提供 Fast Refresh 支持。
• 优化的构建输出：更干净、更高性能的 HTML。

引领新潮流：View Transitions API

Astro 3.0 是第一个主要支持 View Transitions API 的 web 框架。这一新特性允许开发者在页面导航中轻松地实现淡入淡出、滑动、形变等过渡效果。这些功能以前只能在 J**avaScript 单页应用（SPA）**中实现，但现在，得益于 Web 平台的进步，Astro 3.0 使这些特性面向所有人开放。

• 将持久元素从一个页面变形（或转换）到另一个页面。
• 为了实现更流畅的导航效果，让内容逐渐淡入和淡出页面。
• 为了增加更多个性，让内容滑动进入和退出页面。
• 在多个页面中保持通用的用户界面（UI），无论是否进行页面刷新。

图像优化：更稳定，更高效

Astro 3.0 的图像优化功能现已稳定，并且比以往任何时候都要好。你只需使用新的内置 <Image> 组件，Astro 就会自动检测和优化每个图像，甚至还会为你添加推断的宽度和高度，以防止布局偏移。

性能提升：更快的渲染