發布日期：2024 年 12 月 13 日
在網路剛起步時上網，代表要耐心等待緩慢的撥號連線，並使用 Perl 和 HTML 程式碼。但網際網路在彈指之間，就以指數級的速度演進。無論是臨時需要生鮮雜貨外送，還是使用 AI 摘要大量長篇文章，連結現在都是通往無限可能的大門。
這也是許多人熱愛網路的原因。為協助您吸引全球更多使用者，我們為所有網頁開發人員推出了新工具，無論您是前端或全端開發人員，或是新手或專業人士，都能派上用場。
請參閱 2024 年的創新功能彙整，瞭解如何以更輕鬆的方式，打造更具想像力的網頁體驗。
Chrome 內建的 AI 功能可協助開發人員運用 Gemini 提供強大功能
在 2024 年 Google I/O 大會上，我們宣布將直接在 Chrome 中內建 Gemini Nano，運用 AI 技術強化網路體驗。目前已有超過 13,000 名使用者加入搶先體驗計畫，協助我們打造網路的未來。我們非常感謝你的貢獻，並期待你打造出各種創新的 AI 體驗。
為協助您充分運用 AI，我們在原始試用版中推出了多項內建 API，例如實驗性的 Prompt API、Translator API、Summarizer API 和 Language Detector API。您可以在瀏覽器中執行 AI 輔助工作，不必呼叫伺服器，也不需要管理及部署自己的 AI 模型。有超過 8,600 名開發人員報名參加 Google Chrome 內建 AI 挑戰賽，使用這些 API 建構網頁應用程式或 Chrome 擴充功能。我們將於 1 月中公布得獎者，敬請期待。
透過 WebAssembly (Wasm) 和 WebGPU 強化功能，提升裝置端 AI 效能
我們認為網路是最佳執行階段，可讓您建構能觸及所有人的 AI 應用程式。除了內建 AI API，我們也改良了兩項技術，讓您能將自己的 AI 模型帶到網路上並快速執行：WebGPU 和 Wasm。
我們在 WebGPU 中導入 16 位元浮點值，並封裝整數點積，讓您能透過運算著色器，更彈性地使用裝置的 GPU。我們計畫在日後改善 WebGPU，包括子群組和子群組矩陣。這些功能可讓應用程式在 GPU 執行緒之間快速通訊，並充分運用固定大小的矩陣乘法。我們也將在 2025 年為 Wasm 推出 Memory64，以便在記憶體中處理較大的 AI 模型。
View Transition API 可讓網站的連結感更強，導覽過程也更加順暢
有了跨文件檢視畫面轉場效果等新功能，您就能在多個頁面之間建立流暢的導覽體驗。只要幾行 CSS，即可擺脫惱人的重新載入「閃爍」問題。因此，您可透過流暢的類原生導覽功能，提供更身歷其境的體驗，同時保留多頁面架構的優點。
CSS 彈出式視窗和錨點定位功能可啟用互動式疊加層，不必使用 JavaScript
您現在可以使用 popover 建立工具提示、選單和其他疊加層，並透過 CSS Anchor Positioning API，以視覺化方式將這些元素連結至觸發元素。您只需要一些 CSS 和 HTML，就能確保即使使用者捲動或調整視窗大小，疊加層仍會固定顯示。使用者可享有更可靠的動態網頁體驗，您也不必再管理 z-index 和複雜的 JavaScript 定位數學。這就是所謂的「兩全其美」。
Speculation Rules API 可預先算繪網頁，讓使用者幾乎能即時瀏覽
今年，我們推出 Speculation Rules API，網頁載入時間從快速變成近乎即時。這個 API 只需要幾行 JSON 即可實作，可讓網頁在背景中完整預先算繪，隨時準備好供使用者存取。
Interaction to Next Paint (INP) 成為 Core Web Vitals
INP 已於 3 月取代首次輸入延遲時間，成為 Core Web Vitals 指標，可協助您更全面地評估網頁回應速度，而不僅限於首次使用者輸入。自此之後，行動裝置上 INP 評估結果為「良好」的網站數量增加了 9%，這代表網路上有更多網站提供更快速、更令人愉悅的使用者體驗。
自動填入功能可讓使用者享受更流暢的線上結帳體驗
啟用自動填入功能，讓瀏覽器自動在表單欄位中填入使用者儲存的資訊，有助於鼓勵使用者完成表單提交。Chrome 團隊分析數千份線上表單的匿名匯總資料後發現，使用自動填入功能時，表單放棄率平均降低了 75%。雖然許多因素都有助於提升結帳體驗，但資料顯示自動填入功能可發揮作用。
自動填入功能特別適合用於電子商務結帳流程。在 Shopify，使用自動填入功能的訪客結帳轉換率，比未使用自動填入功能的訪客結帳轉換率高出 45%。
Chrome 開發人員工具的 AI 輔助解決方案
您可能還記得，我們在 Chrome 開發人員工具中推出了 Gemini 控制台洞察，讓您透過 AI 輔助偵錯功能，更有效率地排解問題。自 2024 年 Google I/O 大會起，這項功能已在全球推出。
我們也推出了 AI 輔助面板，可運用 Gemini 協助您瞭解網頁的技術詳細資料，例如樣式、網路要求、來源和效能。
您可能也注意到，今年「效能」面板也進行了許多改善，包括即時監控網站體驗核心指標和新增註解。此外，我們也將 Lighthouse 的強大功能帶進「效能」面板，提供效能深入分析。
有了這些 AI 輔助的強化功能、效能面板改善項目，以及數十項實用更新 (例如捲動徽章)，Chrome 開發人員工具比以往更加實用。我們還會在 2025 年推出更多改良功能，例如採用全新 Gemini 2.0 模型，進一步提升效能。
2024 年基準為開發人員帶來全新的跨瀏覽器網頁功能
從漸層插補到已註冊的自訂屬性，Baseline 2024 目前已納入 39 項新的跨瀏覽器網頁功能。如果某項功能已納入 Baseline 至少 30 個月，您就不必擔心互通性問題。但如果您想決定是否要使用新功能，而可能因此失去部分觸及率，請查看 Akamai 的 RUM 封存洞察資料，瞭解各個 Baseline 版本的特色和全球使用者比例。
我們最喜歡的年度 Baseline 公告是 Web Platform Status 資訊主頁，其中列出所有網頁功能，以及這些功能在各瀏覽器中的支援程度。更令人振奮的是，Web Platform Status 資訊主頁所用的資料是開放且可供使用，您可以將這些資料整合到自己的工具中。基準線橫幅就是很好的例子。
主要瀏覽器透過 Interop 2024，讓更多功能成為 Baseline
為在 Baseline 中提供更多功能，我們再次與合作夥伴攜手進行 Interop 2024 計畫。今年的目標功能包括快顯視窗、CSS 巢狀結構、font-size-adjust 和相對顏色語法。
Interop 也會列出實驗性和穩定版瀏覽器的分數。目前穩定版瀏覽器的整體互通性分數為 87 分，而 Chrome 穩定版在年底前已達到 98 分。您可以在 Interop 資訊主頁上，掌握瀏覽器的進度。我們已開始規劃 2025 年的互通性計畫，並將於 2 月公布相關資訊。
在新的一年，攜手塑造網路成長
2024 年的進展令人振奮，但我們知道未來更加光明。這一切都要歸功於開發人員社群的熱情、意見回饋和創新。從 BrazilJS Conference 和 DevFest Paris，到 Google I/O 2024 和首屆 Web AI Summit，我們在全球各地舉辦活動，一次又一次地清楚感受到：各位和我們一樣，深信網路的力量和潛力。
你比以往更有想法，我們致力於協助你將這些想法付諸實現。歡迎在 X、YouTube 和 LinkedIn 上追蹤我們，掌握最新消息，一起重新想像網路的力量。