Angular開發團隊與Chrome Aurora團隊合作,於Angular 18引入i18n(Internationalization)模組的Hydration支援,這代表伺服器端渲染現在可以高效處理多語言內容。Hydration是指客戶端將伺服器端預渲染的靜態HTML,轉變成動態網頁的過程,這種技術讓客戶端不需要從頭開始建構整個DOM,而是將靜態內容轉換成可互動元素,因此可以明顯提高首次載入的速度。
加入i18n支援後,伺服器端結合Hydration,可以在加快頁面載入時間的同時,確保多語言內容的正確呈現。
此外,開發團隊也加入一項實驗性的變更偵測機制,目的是要改善開發者體驗與效能。目前Angular使用zone.js函式庫來觸發變更偵測,但是zone.js存在一些開發者體驗和效能上的缺陷,而這次Angular開發團隊推出一系列實驗性API,允許開發者在不仰賴zone.js的情況下使用Angular。
不仰賴zone.js的變更偵測架構,與微前端的可組合性更好,與其他框架的互通性更佳,而且由於不仰賴zone.js,初始渲染和執行時間得以加快,且程式大小縮減頁面載入速度加快,堆疊追蹤更易讀,開發者除錯起來也更輕鬆。



2024-05-26
