2024 年 Google I/O 大會發布的 10 項最新消息:讓所有網頁程式開發人員發揮 AI 的力量

今年 8 月,網路將迎來 35 週年。一代又一代的開發人員打造出這項了不起的技術,為我們的生活帶來無數創新。如今,AI 已進入新世代。以下是開發人員主題演講和 I/O 工作坊中揭露的 10 項令人期待的功能,這些功能將引導您朝更優質的開發方向邁進,讓您輕鬆打造更強大的網站。

1. 在 Chrome 電腦版中整合 Gemini Nano,提供新的裝置端 AI 功能

自 Chrome 126 起,Gemini Nano 將內建於 Chrome 電腦版。這項變更的重要性為何?您可以為 Chrome 的數十億使用者提供強大的 AI 功能,無須擔心訊息工程、微調、容量或成本。Chrome 提供「幫我寫」功能,可透過裝置端的力量協助使用者撰寫簡短內容。

歡迎加入搶先預覽計畫,協助我們塑造網際網路的未來。

2. 無論您使用哪種 AI 模型,WebAssembly 和 WebGPU 都能啟用裝置端 AI

我們投入大量資源,運用 WebGPU 和 Wasm 這類主幹技術,確保 AI 模型能快速且有效率地在網路上執行。我們推出了許多新功能,例如 WebGPU 中的 16 位元浮點值、Wasm 中的 Memory64 和 JavaScript Promise 整合,讓 AI 執行速度更快。有了 Wasm 和 WebGPU,AI 程式庫就能在廣泛的硬體上大規模執行模型。

3. 採用 AI 技術的 Chrome 開發人員工具可簡化偵錯程序

Chrome 開發人員工具是偵錯及調整應用程式最常見的方式之一。有了 AI 技術,偵錯作業將變得更加簡單。我們將 Gemini 納入 Chrome 開發人員工具控制台,產生深入分析資訊,協助您瞭解問題所在,甚至找出修正方式!

Chrome 開發人員工具的控制台深入分析功能現已在美國推出,並且很快就會在更多國家/地區推出。

4. Speculation Rules API 提供即時瀏覽體驗

我們推出全新的 Speculation Rules API,可在背景中預先擷取及預先算繪網頁,讓瀏覽速度大幅提升,提供近乎即時的瀏覽體驗。請以 毫秒而非秒為單位思考。最棒的是,只需幾行程式碼就能開始使用,而且 AI 可用於智慧預測導覽模式。

Tokopedia 示例:預先算繪可縮短載入時間,即使連線速度緩慢也一樣。

5. 查看多頁網站的轉場效果

我們希望重新定義使用者體驗網際網路的方式。對於開發人員,我們希望改變您為網路建構應用程式的方式。您可以使用 View Transition API,輕鬆在不同網頁狀態之間製作動畫。而現在,這項功能也支援多頁應用程式,無論網站架構為何,您都能建立流暢的導覽功能。搭配使用推測規則和 AI 技術,即可實現真正無縫的頁面轉換。

6. 網路平台資訊主頁,可跨瀏覽器提供統一檢視畫面

我們瞭解,在瀏覽器不斷更新的情況下,要隨時掌握最新的平台變更、API 和架構並不容易。Baseline 可讓您瞭解所有瀏覽器支援哪些網路功能。有了網路平台資訊主頁,您就能將整個網路平台繪製為一組功能,追蹤這些功能的開發進度,並檢查其互通性狀態。

7. 工作流程中的基準工具

基準值整合至工作流程後,效果會最佳。從今天起,Akamai 的 RUM 封存功能將為RUM 封存洞察資料的開發人員提供新工具。您可以首次查看各個版本的基準資料,以及透過該版本的基準資料解鎖的功能,並將這些資料並排顯示。

8. 在 Angular 中使用部分補充功能可改善效能

我們認為,Angular 是建構及部署網頁應用程式的最佳平台之一。我們目前正在開發部分活化功能,讓 JavaScript 僅在需要時載入及活化應用程式的部分內容,大幅改善效能敏感應用程式的 Core Web Vitals。請在接下來幾週內,透過開發人員預覽版查看這項功能。

9. 立即可用的 Angular 精細回應功能,搭配信號

我們希望您能更精確地控管應用程式中的變更偵測和管理作業。使用信號實現精細的回應性。Angular 提供一組新的回應式 API,可透過信號提供一流的開發人員體驗。信號可讓您進行精細的變更偵測,只需檢查元件樹狀結構的一小部分,即可傳播狀態變更,因此您不必再手動最佳化 UI。

信號式回應 API 現已推出,可立即使用。精細變更偵測功能將於今年稍晚推出。

10. 使用 Maps JavaScript API 打造 3D 沉浸式體驗

我們將 Google 地圖平台的熟悉 Maps JavaScript API 與擬真 3D 地圖結合,讓您有更多方式打造沉浸式網頁體驗。您現在可以利用 Google 的算繪技術,以使用者預期的速度提供豐富的 3D 地圖。最棒的是,您只需使用一行程式碼即可開始使用。

我們非常期待看到您打造的絕佳沉浸式體驗! 瞭解詳情


您每天都在突破開發工作的複雜性,不斷突破可能的極限。我們很高興能協助您打造全新體驗,讓所有人都能盡情享受。請造訪 developer.chrome.comweb.dev,進一步瞭解這項功能強大的網路技術。別忘了在 XYouTube 和現在的 LinkedIn 上與我們聯絡。

我們在下次 I/O 見!