新知同享 | Web 開發(fā)性能提升，優(yōu)化體驗

2023-09-11 16:54:17

Web 開發(fā)不斷發(fā)展，每年都帶來性能提升和功能迭代，開啟豐富多樣的新體驗，讓開發(fā)者能夠獲享高級計算功能。谷歌提供工具和解決方案，幫助開發(fā)人員構(gòu)建符合心意的網(wǎng)頁，既能滿足特定需求，又能為用戶提供最優(yōu)質(zhì)的體驗。

更加強大且開放的 Web

可以簡化開發(fā)工作并支持 AI

一起來看 2023 Google 開發(fā)者大會上

Web 開發(fā)值得重點關(guān)注的升級與成果

了解 Web 如何實現(xiàn)加速開發(fā)，更加便捷

精彩大會現(xiàn)場一覽

WebAssembly (即 WASM) 能夠從 C++、C#、Kotlin 甚至 Swift 編寫的應(yīng)用中提取代碼，并讓代碼在 Web 平臺上運行。WebAssembly 如今支持 Kotlin 和 Dart，可讓 Android 和 Flutter 開發(fā)者利用其優(yōu)勢，在重用現(xiàn)有代碼的同時，利用原生性能在 Web 上吸引新的用戶。

WebAssembly 支持多個托管內(nèi)存語言

WebGPU 可以釋放 GPU 的能力，并且支持在 Web 上使用 AI。另外，WebGPU 還能節(jié)省資金，提高速度，并通過訪問設(shè)備上的計算能力構(gòu)建保護隱私的 AI 功能。目前，眾多框架、應(yīng)用、庫已移植到 WebGPU 或正在移植中。

WebGPU 釋放 GPU 硬件潛力

Baseline 由谷歌與 W3C 以及合作伙伴一起推出。它是一個穩(wěn)定且可預(yù)測的 Web 視圖，具有最新的一套跨瀏覽器功能，并且將會每年更新。使用最新的 Baseline 版本將確保您的應(yīng)用程序可以在所有支持的瀏覽器上運行。

定期更新功能列表 Baseline

支持在現(xiàn)有 HTML 網(wǎng)頁中嵌入 Flutter 內(nèi)容，而不是讓 Flutter 占據(jù)整個頁面。此外，F(xiàn)lutter 也不需要使用內(nèi)嵌框架。

在 Flutter 3.10 中引入元素嵌入功能。借助該功能，可以像在頁面上集成任何其他 CSS 元素一樣集成 Flutter 內(nèi)容。除此之外，F(xiàn)lutter 3.10 還支持 Web 上的 fragment 著色器。而后，F(xiàn)lutter 3.13 對 Web 上的 Flutter 進行了諸多改進，使得加載速度更快，可訪問性更好。

LEGO 利用 Web peripheral APIs (例如 Web Bluetooth 和 Web Serial) 將編程代碼傳輸?shù)侥Ｐ蜕希瑯?gòu)建了 Spike 教育套件。

谷歌正在與網(wǎng)絡(luò)生態(tài)中的合作伙伴攜手推動 Privacy Sandbox 計劃，并且已在減少網(wǎng)絡(luò)跟蹤途徑方面取得了進展。Privacy Sandbox 的目標是終結(jié)網(wǎng)上普遍的跨網(wǎng)站跟蹤行為，同時讓網(wǎng)站能夠繼續(xù)免費提供內(nèi)容和服務(wù)。

Privacy Sandbox 計劃的進展

谷歌針對 Cookie 的兩個關(guān)鍵更新是 CHIPS (代表 Cookies Having Independent Partitioned State，即具有獨立分區(qū)狀態(tài)的 Cookie) 和 First-Party Set。這兩者現(xiàn)在已可在 Chrome 中實現(xiàn)。2024 年，谷歌將開始棄用第三方 Cookie。Privacy Sandbox for the Web 將使用差分隱私、k-匿名性和設(shè)備端處理等最新隱私保護技術(shù)，從而逐步淘汰第三方 Cookie。

2024 年，谷歌將開始棄用第三方 Cookie

Angular 是一個用于構(gòu)建用戶界面的框架。它提供構(gòu)建塊來幫助開發(fā)者快速設(shè)置可維護、可擴展的應(yīng)用程序，使開發(fā)人員能夠構(gòu)建運行在網(wǎng)絡(luò)、移動設(shè)備或桌面上的應(yīng)用程序。

Angular Signals 現(xiàn)已于 Angular v16 中推出開發(fā)者預(yù)覽版。通過新的響應(yīng)式模型，更好的服務(wù)器端渲染和水合，開發(fā)者能夠充分受益于 Angular v16 內(nèi)置的諸多改進。不但改善了開發(fā)者體驗，還能夠顯著提高 Vitals 分數(shù)。