微软 Edge 最新版本基于 Chromium 内核进行了重大更新,核心变化在于减少对 React 的依赖,转而采用以 HTML 为先的 Web Components 技术。
效果显著: 新版 Edge 的基本功能界面响应速度更快。微软官方数据显示,整体速度提升了 42%,对于没有 SSD 或内存小于 8GB 的设备用户,提升幅度甚至高达 76%。
微软产品经理 Alex Russell 曾解释过这一决策背后的考量:
'我们现在用大量的 Web'内容'来构建浏览器(比如书签、历史记录、下载、设置、新标签页等等),并且从 React 迁移到现代 Web Components + HTML 为先的架构,对用户来说有巨大的益处,特别是那些使用低端硬件的用户。'
简单来说,这意味着减少了用 JavaScript 代码渲染的界面部分,从而加快网页加载速度,带来更流畅的体验。这种改变也预示着一种新的 Web 开发趋势:以 HTML 为先,减少对 JavaScript 的过度依赖。Web Components 技术如同搭积木般灵活,构建出的界面组件易于复用。
对于希望探索这一架构的开发者,以下开源项目提供了不错的参考:
- Vaadin:提供丰富的 Web Components'零件库',涵盖按钮、输入框、菜单等常用元素。
- StencilJS:作为 Web Components 的'大管家',提供工具帮助快速创建可复用组件。
- Polymer:成熟的 Web Components'工具包',功能强大且文档完善。
- Lit:轻量级的 Web Components'工具箱',API 简单易用。
- Shoelace:包含各种 Web Components 的 UI 组件库,适合快速构建界面。
- @material/web:提供 Material Design 风格的 Web Components。
- Ionic Framework:虽主要用于移动端,但也提供了 Web Components 版本。
- WICG Web Components:标准库,提供基础概念和用法参考。
这些库展示了 Web Components 在不同场景下的应用潜力,值得在实际项目中尝试,体验更轻量、灵活的网页开发方式。

