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
