曾經 React、Vue、Angular 在前端框架領域三足鼎立,然而時過境遷,如今的排名已經發生了翻天覆地的變化。Angular 被擠出前三,Next.js 異軍突起,成功上位成為前端第二框架,與 React 和 Vue 共同領跑。面對這一局面,Angular 終于“坐不住了”,宣布正在與谷歌內部的另一個前端框架 Wiz (暫未開源)進行合并,旨在打造一個更加強大的前端框架。
在谷歌內部,Angular 和 Wiz 都擁有龐大的用戶群體,被數千名工程師和數千個應用所青睞。Wiz 作為谷歌的內部框架,在一些最受歡迎的產品中發揮著重要作用,如搜索、照片、支付等。在過去的一年里,谷歌一直在積極探索如何將 Angular 與 Wiz 的優勢相互融合,以期在性能與開發體驗上取得雙重突破。
從歷史上看,Angular 和 Wiz 一直服務于不同領域的應用:
數百萬用戶通過慢速網絡或低端設備訪問谷歌的大型應用,因此初始加載延遲和 JavaScript 的數量顯得尤為重要。為了滿足這些要求,Wiz 框架巧妙地采取了幾種優化手段。首先,Wiz 以服務端渲染為基礎,采用高度優化的流式解決方案,確保頁面上的所有內容,包括交互式組件,都能迅速且流暢地呈現,從而大幅減少了關鍵初始渲染路徑上的 JavaScript 數量。
此外,Wiz 還采取了按需加載的策略,只加載實際在頁面上渲染的交互式組件所需的 JavaScript 代碼,有效避免了不必要的 JavaScript 加載,進一步提升了性能。同時,為了確保用戶事件不會因客戶端的加載延遲而丟失,Wiz 在根目錄下引入了一個輕量級的內聯庫,用于監聽并回放用戶事件。
這種以服務器端渲染為主導的優化方法,不僅為用戶帶來了出色的性能體驗,同時也兼顧了應用的交互性。然而,這種方法確實增加了一定程度的開發復雜性,尤其是在構建高度交互式的應用時。因此,在利用Wiz框架進行開發時,開發者需要仔細權衡性能與復雜性的關系,以實現最佳的優化效果。
近期,這兩大領域正逐漸融合。高性能應用為了向用戶提供更多價值并保持其活躍度,必須加快功能發布的速度。而與此同時,高度交互式的應用也在不斷增加 JavaScript 的使用量。根據 HTTPArchive 的數據,過去六年間,桌面端的 JavaScript 使用量增長了超過37%,移動端則增長了超過 36%,這無疑對應用的性能造成了顯著影響。
前 100 萬個網站中 JavaScript 的增加
在融合的需求背景下,開發者們面臨著一個難題:如何選擇一個既能滿足性能要求又能提供良好開發體驗的框架? 隨著用例重疊的不斷增加,這一挑戰愈發突出。為了回應市場對高性能框架和卓越開發者體驗的雙重需求,Angular 與 Wiz 強強聯手,將二者的優勢完美融合。展望未來,Angular 開發者將無需再為在開發體驗與性能之間做取舍而犯難,因為他們將得到兩者的最佳組合。
Angular 與 Wiz 的合作關系,正是他們致力于幫助開發者自信構建 Web 應用的使命的體現。他們根據開發者的反饋,積極尋求機會,將他們在 Google 發現的最佳 Web 開發實踐進行開源分享。同時,也希望將 Angular 社區卓越的開發體驗推廣到整個 Google。
在實踐中,這表現為對每個框架的逐步改進。。大家可能已經見證了他們與 Angular 最新變更合作的成果,如可延遲視圖和對部分水化的探索。這些成果深受 Wiz 精細化代碼加載和事件委托庫的啟發。
此外,Wiz也采納了 Angular 的 Signals 庫,該庫現已成為運行在數十億設備上的YouTube用戶界面的強大支撐。通過 Angular Signals,Wiz 實現了更為精細化的 UI 更新,摒棄了那種依賴開發者逐一記錄UI更新中運行的代碼路徑的繁瑣方式,取得了顯著的性能提升。
Angular 團隊已經設定了明確的長期目標:在未來幾年中,他們將逐步、負責任地將Angular與Wiz進行合并。通過 Angular 平臺,他們將穩步將 Wiz 的先進功能進行開源,并堅守開放開發的理念,確保社區能夠深度參與并影響產品的發展路線圖,同時根據此制定自己的計劃。為了廣泛收集社區對提議功能的真實反饋,他們將采用公開的RFC流程。這一切努力的核心目標,是不斷優化和提升 Angular 框架的性能與體驗。
Angular 團隊堅信服務端渲染(SSR)在 Web 平臺上的重要性。他們在打造諸如 Google 搜索和 YouTube 等全球熱門 Web 產品的過程中,已經深刻體驗到當SSR正確實施時,它能為最終用戶帶來極為積極的體驗。因此,邀請社區成員利用這些支持關鍵應用的核心庫進行創新實踐,與社區共同探索、共同創新,帶來更加卓越的 Web 性能體驗!
Angular 和 Wiz 的合并能否讓 Angular 重回巔峰?你用過 Angular 嗎?
本文鏈接:http://www.www897cc.com/showinfo-26-80895-0.htmlAngular 重磅回歸,能否重回巔峰?
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com