新知同享 | Web 開發效能提升,最佳化體驗

發表於2023-09-19

圖片

更加強大且開放的 Web
可以簡化開發工作並支援 AI
一起來看 2023 Google 開發者大會上
Web 開發值得重點關注的升級與成果
瞭解 Web 如何實現加速開發,更加便捷

圖片

圖片

圖片

圖片

圖片

精彩大會現場一覽

圖片
Web 開發不斷髮展,每年都帶來效能提升和功能迭代,開啟豐富多樣的新體驗,讓開發者能夠獲享高階計算功能。谷歌提供工具和解決方案,幫助開發人員構建符合心意的網頁,既能滿足特定需求,又能為使用者提供最優質的體驗。
圖片
WebAssembly (即 WASM) 能夠從 C++、C#、Kotlin 甚至 Swift 編寫的應用中提取程式碼,並讓程式碼在 Web 平臺上執行。WebAssembly 如今支援 Kotlin 和 Dart,可讓 Android 和 Flutter 開發者利用其優勢,在重用現有程式碼的同時,利用原生效能在 Web 上吸引新的使用者。
圖片
WebAssembly 支援多個託管記憶體語言
圖片
WebGPU 可以釋放 GPU 的能力,並且支援在 Web 上使用 AI。另外,WebGPU 還能節省資金,提高速度,並透過訪問裝置上的計算能力構建保護隱私的 AI 功能。目前,眾多框架、應用、庫已移植到 WebGPU 或正在移植中。
圖片
WebGPU 釋放 GPU 硬體潛力
圖片
Baseline 由谷歌與 W3C 以及合作伙伴一起推出。它是一個穩定且可預測的 Web 檢視,具有最新的一套跨瀏覽器功能,並且將會每年更新。使用最新的 Baseline 版本將確保您的應用程式可以在所有支援的瀏覽器上執行。
圖片
定期更新功能列表 Baseline 支援在現有 HTML 網頁中嵌入 Flutter 內容,而不是讓 Flutter 佔據整個頁面。此外,Flutter 也不需要使用內嵌框架。在 Flutter 3.10 中引入元素嵌入功能。藉助該功能,可以像在頁面上整合任何其他 CSS 元素一樣整合 Flutter 內容。除此之外,Flutter 3.10 還支援 Web 上的 fragment 著色器。而後,Flutter 3.13 對 Web 上的 Flutter 進行了諸多改進,使得載入速度更快,可訪問性更好。
圖片

圖片
LEGO 利用 Web peripheral APIs (例如 Web Bluetooth 和 Web Serial) 將程式設計程式碼傳輸到模型上,構建了 Spike 教育套件。
圖片
谷歌正在與網路生態中的合作伙伴攜手推動 Privacy Sandbox 計劃,並且已在減少網路跟蹤途徑方面取得了進展。Privacy Sandbox 的目標是終結網上普遍的跨網站跟蹤行為,同時讓網站能夠繼續免費提供內容和服務。
圖片
Privacy Sandbox 計劃的進展谷歌針對 Cookie 的兩個關鍵更新是 CHIPS (代表 Cookies Having Independent Partitioned State,即具有獨立分割槽狀態的 Cookie) 和 First-Party Set。這兩者現在已可在 Chrome 中實現。2024 年,谷歌將開始棄用第三方 Cookie。Privacy Sandbox for the Web 將使用差分隱私、k-匿名性和裝置端處理等最新隱私保護技術,從而逐步淘汰第三方 Cookie。
圖片
2024 年,谷歌將開始棄用第三方 Cookie
圖片
Angular 是一個用於構建使用者介面的框架。它提供構建塊來幫助開發者快速設定可維護、可擴充套件的應用程式,使開發人員能夠構建執行在網路、移動裝置或桌面上的應用程式。

Angular Signals 現已於 Angular v16 中推出開發者預覽版。透過新的響應式模型,更好的伺服器端渲染和水合,開發者能夠充分受益於 Angular v16 內建的諸多改進。不但改善了開發者體驗,還能夠顯著提高 Vitals 分數。
圖片
即刻體驗 Web 平臺
一起見證 Web 平臺更強大、更便捷的進步
持續關注 2023 Google 開發者大會
更多精彩內容更新
image.png
專題演講影片持續更新中
掃碼直達官網
探索大會更多精彩
關注“谷歌開發者”微信公眾號,獲取更多大會資訊
image.png

相關文章