曾经 React、Vue、 在前端框架领域三足鼎立,然而时过境迁,如今的排名已经发生了翻天覆地的变化。 被挤出前三,Next.js 异军突起,成功上位成为前端第二框架,与 React 和 Vue 共同领跑。面对这一局面, 终于“坐不住了”,宣布正在与谷歌内部的另一个前端框架 Wiz (暂未开源)进行合并,旨在打造一个更加强大的前端框架。
在谷歌内部, 和 Wiz 都拥有庞大的用户群体,被数千名工程师和数千个应用所青睐。Wiz 作为谷歌的内部框架,在一些最受欢迎的产品中发挥着重要作用,如搜索、照片、支付等。在过去的一年里,谷歌一直在积极探索如何将 与 Wiz 的优势相互融合,以期在性能与开发体验上取得双重突破。
从历史上看, 和 Wiz 一直服务于不同领域的应用:
Wiz 是什么?
数百万用户通过慢速网络或低端设备访问谷歌的大型应用,因此初始加载延迟和 的数量显得尤为重要。为了满足这些要求,Wiz 框架巧妙地采取了几种优化手段。首先,Wiz 以服务端渲染为基础,采用高度优化的流式解决方案,确保页面上的所有内容,包括交互式组件,都能迅速且流畅地呈现,从而大幅减少了关键初始渲染路径上的 数量。
此外,Wiz 还采取了按需加载的策略,只加载实际在页面上渲染的交互式组件所需的 代码,有效避免了不必要的 加载,进一步提升了性能。同时,为了确保用户事件不会因客户端的加载延迟而丢失,Wiz 在根目录下引入了一个轻量级的内联库,用于监听并回放用户事件。
这种以服务器端渲染为主导的优化方法,不仅为用户带来了出色的性能体验,同时也兼顾了应用的交互性。然而,这种方法确实增加了一定程度的开发复杂性,尤其是在构建高度交互式的应用时。因此,在利用Wiz框架进行开发时,开发者需要仔细权衡性能与复杂性的关系,以实现最佳的优化效果。
融合的需求
近期,这两大领域正逐渐融合。高性能应用为了向用户提供更多价值并保持其活跃度,必须加快功能发布的速度。而与此同时,高度交互式的应用也在不断增加 的使用量。根据 的数据,过去六年间,桌面端的 使用量增长了超过37%,移动端则增长了超过 36%,这无疑对应用的性能造成了显著影响。
前 100 万个网站中 的增加
在融合的需求背景下,开发者们面临着一个难题:如何选择一个既能满足性能要求又能提供良好开发体验的框架? 随着用例重叠的不断增加,这一挑战愈发突出。为了回应市场对高性能框架和卓越开发者体验的双重需求, 与 Wiz 强强联手,将二者的优势完美融合。展望未来, 开发者将无需再为在开发体验与性能之间做取舍而犯难,因为他们将得到两者的最佳组合。
融合两大领域
与 Wiz 的合作关系,正是他们致力于帮助开发者自信构建 Web 应用的使命的体现。他们根据开发者的反馈,积极寻求机会,将他们在 发现的最佳 Web 开发实践进行开源分享。同时,也希望将 社区卓越的开发体验推广到整个 。
在实践中,这表现为对每个框架的逐步改进。。大家可能已经见证了他们与 最新变更合作的成果,如可延迟视图和对部分水化的探索。这些成果深受 Wiz 精细化代码加载和事件委托库的启发。
此外,Wiz也采纳了 的 库,该库现已成为运行在数十亿设备上的用户界面的强大支撑。通过 ,Wiz 实现了更为精细化的 UI 更新,摒弃了那种依赖开发者逐一记录UI更新中运行的代码路径的繁琐方式,取得了显著的性能提升。
展望未来
团队已经设定了明确的长期目标:在未来几年中,他们将逐步、负责任地将与Wiz进行合并。通过 平台,他们将稳步将 Wiz 的先进功能进行开源,并坚守开放开发的理念,确保社区能够深度参与并影响产品的发展路线图,同时根据此制定自己的计划。为了广泛收集社区对提议功能的真实反馈,他们将采用公开的RFC流程。这一切努力的核心目标,是不断优化和提升 框架的性能与体验。
团队坚信服务端渲染(SSR)在 Web 平台上的重要性。他们在打造诸如 搜索和 等全球热门 Web 产品的过程中,已经深刻体验到当SSR正确实施时,它能为最终用户带来极为积极的体验。因此,邀请社区成员利用这些支持关键应用的核心库进行创新实践,与社区共同探索、共同创新,带来更加卓越的 Web 性能体验!
和 Wiz 的合并能否让 重回巅峰?你用过 吗?