奇舞週刊第 445 期: Web 頁面全鏈路效能優化指南

語言: CN / TW / HK

記得點選文章末尾的“ 閱讀原文 ”檢視喲~

下面先一起看下本期週刊 摘要 吧~

奇舞精選

 Web 頁面全鏈路效能優化指南

本文會對 web 頁面的全鏈路進行完整的講解並針對每一步找到能做的效能優化點,本文的目標是極致的效能優化。因為針對性能優化,能做的點會特別特別的多,覆蓋著整個網際網路的訪問流程,因此此文章的內容會比較多且雜,筆者會盡量對內容進行分類講解。

 ESBuild & SWC 淺談:新一代構建工具

ESBuild/swc 是用編譯型語言編寫的新一代前端工具,對 JS 編寫的構建工具有系統級的速度優勢。但目前這兩個工具還不能完全替代 Webpack 等主流工具這些年發展出的龐大生態。當已有的基礎設施穩定並且替換成本較大時,可以嘗試漸進式的利用新工具 (loader) 或者 Vite 這種基於 ESBuild 二次封裝的構建工具。

 奇妙的 CSS MASK

本文將介紹 CSS 中一個非常有意思的屬性 mask。

技術實踐

 前端歷史專案的 Vite 遷移實踐總結

Vite 做到了以低接入代價換取開發體驗上的大幅提升,有望引領前端構建工具領域的下一波 paradigm shift 浪潮。按 ROI 的話說,“其落地的潛在收益遠大於成本”。實際業務中的程式碼應當儘量貼合標準,少使用需依賴工具鏈黑魔法的特性,以換取更好的後向相容性。

 【工程化】探索 webpack5 中的 Module Federation

使用 Module Federation,我們可以在一個應用中動態載入並執行另一個應用的程式碼,且與技術棧無關,並且能夠共享模組,從而減小編譯時間以及降低包體積 但在使用 Module Federation 的時候也需要權衡模組拆分的粒度以及做好版本的控制。

 [科普] Service Worker 入門指南

基於 service worker 可以實現攔截和處理網路請求、訊息推送、靜默更新、事件同步等服務。

拓展邊界

 比 Chrome 快 3 倍,更安全、快速且私密的網路瀏覽器,Brave Browser (開源、免費、跨平臺)

Brave 瀏覽器是一款擁有強大的廣告攔截功能的網頁瀏覽器,由 Mozilla 的前任 CEO Eich 開發,Brave 瀏覽器電腦版基於 Chromium 核心,不但能夠攔截網頁廣告,還擁有追蹤保護、HTTPS Everywhere 等功能,並且提供的的私有云可以用匿名廣告取代網站原來廣告,可以說一切廣告在該瀏覽器下都不存在,由於所有廣告都被攔截了,大大提供了網頁的載入和瀏覽速度,給使用者帶來更好的網頁瀏覽體驗。

 前端週刊 | React 18.1、Firefox 100、Jest 28 釋出;Edge 超越 Safari 成為桌面端第二大瀏覽器

Microsoft Edge 超越 Safari 成為第二大最受歡迎的桌面瀏覽器;React 18.1 正式釋出;Node 16.15.0 (LTS) 正式釋出...

Node.js 18 新特性解讀

Node.js 剛剛釋出了 18.0.0 版本,內建了 fetch 和 node:test 等標準模組。一句話點評:std lib 在標準化,user lib 在精細化。

關於奇舞團

奇舞團是 360 集團最大的大前端團隊,代表集團參與 W3C 和 ECMA 會員(TC39)工作。奇舞團非常重視人才培養,有工程師、講師、翻譯官、業務介面人、團隊 Leader 等多種發展方向供員工選擇,並輔以提供相應的技術力、專業力、通用力、領導力等培訓課程。奇舞團以開放和求賢的心態歡迎各種優秀人才關注和加入奇舞團。