很幸運在開賽前幾天遇到版本更新，那就讓我們來看看 Astro 3.0 帶來了哪些重要的改變。

View Transitions API：原生頁面過渡效果

Astro 3.0 引入了 View Transitions API，這是一組全新的平台 API，讓您可以在網頁頁面之間實現原生瀏覽器過渡效果，包括淡入淡出、滑動和更多。這使得您可以創建流暢的頁面切換，而無需使用單頁應用程式 (SPA)。這是一個重大的突破，讓網站的過渡效果更加令人印象深刻。

圖片優化

Astro 3.0 引入了穩定的圖片優化功能。您可以輕鬆地將圖片添加到您的代碼中，而 Astro 會自動檢測並優化這些圖片，從而提供更好的性能和較小的頁面加載時間。這是一個簡單而有效的方式，提高網頁的效能。

更快的渲染性能

Astro 3.0 提供了更快的渲染性能，組件的渲染速度提高了 30-75%。這是通過對代碼進行精心的優化，刪除不必要的代碼以及優化異步代碼等方式實現的。這意味著您的網頁將更迅速地呈現給用戶，提供更好的用戶體驗。

SSR 優化

Astro 3.0 優化了伺服器端渲染 (SSR) 功能，特別針對無伺服器環境進行了優化。這包括每個路由的代碼拆分，邊緣中間件，以及主機自定義，使得 Astro 更適用於各種託管平台，提供更好的性能和開發體驗。

HMR 優化

Astro 3.0 支持 React Fast Refresh，這意味著您可以在開發過程中更快速地查看本地更改，而不需要刷新整個頁面。這提高了開發工作流的效率，特別是在建立多步驟的用戶界面時。

優化的生成輸出

Astro 3.0 提供了更優化的生成輸出，包括 HTML 最小化、更有組織的類名，以及自動內聯小塊的 CSS。這使得您的網頁更快地加載，提供更好的性能。

Astro 3.0 為 Web 開發者提供了一個更強大、更高效的工具，使他們能夠建立更令人印象深刻的網站和應用程序。
更詊細的資訊請查看原文

• Astro 3.0
• 升級到 Astro v3