Google為Chrome引入原生音視頻懶加載 有望進一步加快網頁速度

Google Chrome以及包括微軟Edge、Vivaldi在內的其他基于Chromium的瀏覽器，預計將很快支持原生的視頻和音頻懶加載功能。這一改動由獨立開發者Helmut Januschka提出，他此前已多次為Chromium項目做出貢獻。

懶加載（Lazy Loading）并不是新概念，Chrome多年前就已為圖片和iframe等元素提供原生懶加載支持，但一直未覆蓋視頻和音頻標簽。此次改進意味著，今后Chromium系瀏覽器將在底層直接支持對多媒體內容的懶加載，有望在包含大量音視頻內容的網頁上顯著縮短初始加載時間、提升頁面響應速度。

對于不熟悉這一機制的用戶而言，懶加載指的是：當你打開一個網頁時，瀏覽器不會在頁面渲染的第一時間就完整下載和初始化所有圖片、視頻等資源，而是只在這些元素即將進入可視區域（例如你向下滾動到視頻所在位置附近）時才觸發加載。在沒有懶加載的情況下，Chrome可能會在頁面加載初期就同時請求所有媒體文件，導致首屏內容出現延遲、整體加載時間拉長。而在采用loading="lazy"的策略后，如果用戶始終沒有滾動到某段視頻或音頻所在區域，那么相關媒體甚至可能永遠不會被下載，從而節省帶寬和計算資源。

目前，大多數網站若想實現視頻或音頻的懶加載，通常要依賴JavaScript來完成，即通過Intersection Observer等API檢測媒體元素何時進入視口，再動態設置src屬性以觸發加載。Helmut Januschka在提交給Chrome Status與Chromium開發者郵件列表的說明中指出，這種JavaScript方案存在實現復雜、容易出錯的問題，而且無法與瀏覽器自身的預加載掃描器（preload scanner）以及內置的加載啟發式策略充分協同。換言之，當前做法在性能和穩定性方面都不是最佳實踐。

根據目前公開的信息，Januschka提出的方案，是將完整的原生視頻和音頻懶加載能力直接整合進Chromium，就像現有對圖片和iframe的原生支持一樣。一旦該功能進入Chrome正式版渠道，開發者便可以在或標簽上直接添加loading="lazy"屬性，而無需再依賴額外的JavaScript邏輯。這樣，媒體資源的延遲加載將由瀏覽器原生引擎接管，更好地與預加載掃描流程和網絡狀態感知策略協同工作。

Januschka強調，原生懶加載的優勢在于，它允許瀏覽器基于網絡狀況設定更合理的加載閾值，更好地處理與autoplay、preload等HTML屬性之間的交互關系，并避免將屏幕外媒體的加載計入window.onload事件，從而減少對頁面初始加載完成事件的阻塞。這將使得網頁在用戶感知層面“更快可用”，同時保留對富媒體內容的支持能力。

目前，這一改動已被相關社區“率先發現”，但尚處于推進過程中。隨著原生視頻和音頻懶加載在Chromium穩定版中落地，前端開發者現有基于腳本的懶加載實現，預計將逐步過渡到更簡潔、性能更優的原生屬性寫法，從而為用戶帶來更流暢的瀏覽體驗。