- Chrome 148 將為元素啟用原生懶載入。和支援桌面端、行動端和 WebView。
- loading="lazy" 屬性允許延遲媒體下載，直到它接近可見區域。
- 載入時間、行動數據消耗和記憶體使用量將會減少，尤其是在包含大量多媒體內容的網站上。
- 其他基於 Chromium 核心的瀏覽器，如 Edge、Opera、Brave 和 Vivaldi，也將獲得相同的改進。
谷歌正在敲定一項悄悄進行的改進，這項改進不會改變瀏覽器的外觀，但在瀏覽網頁時卻能明顯感受到。從 在Google Chrome 148 版本中，視訊和音訊將開始延遲載入。也就是說，只有在真正需要的時候才會使用它們，而不是在打開頁面後立即全部使用。
這項新功能擴展了 Chromium 生態系統自 2019 年以來一直使用的圖像和 iframe 系統。現在，同樣的邏輯 將對 HTML 元素套用延遲載入和在西班牙和歐洲其他地區的許多網站上充斥著嵌入式影片、播客和播放器的當下，這一點尤其重要。
Chrome 148 中的延遲視訊和音訊載入是什麼？
這項改進背後的理念非常簡單： 延遲下載和初始化最重的元素 從頁面載入完畢到使用者造訪它們為止，Chrome 瀏覽器都會一直載入這些檔案。如果一篇文章包含多個分散在文字中的播放器，Chrome 會在網頁載入完成後立即停止一次載入所有這些檔案。
實際上，瀏覽器只有在元素靠近螢幕可見區域（通常稱為第一個螢幕截圖或視窗）時才會下載影片或音訊。 用戶仍停留在頁面頂部閱讀主要內容瀏覽器主要顯示文字、關鍵圖像和介面，將較遠的片段留到以後再處理。
在此之前，Chrome 已經將此行為應用於圖片和 iframe，這幫助許多網站提升了速度。然而， 元素和頁面一打開，它們就開始載入了。即使它們位於第一卷下方很遠的地方，讀者永遠看不到它們。
隨著 Chrome 148 的到來，Google將整合對以下功能的原生支援： 只需在標籤中新增屬性 loading="lazy" 即可和從那時起，瀏覽器會自動決定何時下載每個文件，並協調文件載入與其他資源的載入。
路線圖：何時推出以及將影響哪些平台
根據收集到的信息 Chrome 狀態及官方路線圖將延遲載入功能擴展到視訊和音訊的工作始於 Chrome 147 開發分支。經過測試階段後，Google已計劃在 148 版本中正式推出此功能。
此次推廣不僅限於桌面端。該公司計劃 在適用於 Windows、macOS、Linux、Android、iOS 和 WebView 的 Chrome 148 中啟用視訊和音訊的原生懶加載這意味著，整合網頁視圖的桌面瀏覽器和行動應用程式都將能夠受益於相同的最佳化。
根據計劃，這項新功能將納入 Chrome 148 的發布週期，但需要注意的是， 由於這項功能仍在開發中，可能會略有延遲。總之，啟動過程將是透明的，使用者無需觸碰實驗性標誌或進階設定。
此外，透過直接整合到 Chromium 原始碼中， 這項改進不僅限於谷歌瀏覽器。基於相同引擎的瀏覽器，例如 微軟邊緣Opera、Brave 和 Vivaldi 一旦整合了包含該功能的引擎版本，就會立即採用此功能。這在歐洲尤其重要，因為這些替代軟體在歐洲的使用份額越來越高。
新的載入方式「lazy」對 Web 開發人員有哪些影響？
以往，想要延遲視訊和音訊載入的用戶通常會使用 JavaScript 編寫自訂解決方案。這是常見的做法。 將交叉路口觀察器 API 與 src 屬性的動態賦值結合 或預先加載，僅當使用者靠近播放器時才載入檔案。
這種方法雖然可行，但也有一些缺點： 它會增加程式碼的複雜性，使維護更加困難，並且與瀏覽器的內部啟發式演算法整合度不高。此外，由於某些邏輯依賴第三方腳本，因此它會阻止 Chrome 以最佳方式協調預先載入和資源掃描。
具備原生延期收費功能和在 Chrome 148 中，情況發生了變化。從現在開始，技術團隊將能夠… 直接在這些標籤中使用 loading="lazy" 屬性就像他們多年來處理圖片和 iframe 一樣。 Chromium 核心會處理剩下的事情：何時下載、如何確定優先順序以及如何將每個檔案與其他資源配對。
此整合允許瀏覽器 根據網路品質優化下載速度考慮使用預先載入或自動播放等屬性，並避免因媒體尚未可見而阻塞 window.onload 等關鍵事件。所有這些都無需依賴額外的庫或特定於網站的配置。
對於西班牙和歐洲的許多數位新聞編輯室、部落格和培訓平台來說，它們已經使用圖像懶加載技術， 將同樣的邏輯擴展到視訊和音訊只需進行極少的改動。這是開發者已經熟悉的 API 的自然延伸，應該能夠促進其快速普及。
用戶實際獲益：速度、數據和內存
拋開「底層」發生的事情不談，用戶會注意到的其實很簡單： 開啟速度更快、資源佔用更少的頁面尤其是當文本中散佈著大量多媒體內容時。
透過減少初始下載的項目數量，Chrome 可以 首先，確保使用者能夠透過引人入勝的內容開始閱讀。首先顯示的是文字、標題圖片和基本互動元素。視訊和音訊則會等到使用者捲動頁面時才會顯示。
這種行為對…有明顯的影響 行動數據消耗和限價套餐使用許多人從未播放過頁面上的所有嵌入式影片片段；有了原生懶加載，如果用戶不訪問這些文件，這些文件甚至都不會被下載，從而避免不必要的流量。
內部性能方面也有所提升。透過拉開播放器初始化的時間間隔，瀏覽器可以 平滑記憶體和CPU使用率峰值對於配置較低的筆記型電腦、老舊電腦或入門級手機來說，這無疑是一項令人欣喜的改進。整體感覺是瀏覽更加流暢，打開繁忙網站時延遲也更低。
谷歌指出，原生延遲充電 它允許您根據網路狀況調整下載閾值。妥善管理自動播放和預先載入的交互，避免頁面整體載入過程中出現不必要的阻斷。這雖然不是什麼酷炫的功能，但卻是能讓網站日常使用更加流暢的小優化之一。
哪些頁面將從新功能中受益最多
並非所有網站都能獲得相同的改進。此次升級旨在… 使用 HTML 標籤嵌入多媒體內容和這在數位媒體中非常常見，它們有自己的播放器、直接嵌入影片片段的新聞入口網站，或將播客整合到自身程式碼中的網站。
黃大仙禁運， 並非我們在網路上看到的所有影片都以相同的方式運作。一個明顯的例子是嵌入式 YouTube 視頻，它們通常使用 iframe 嵌入。在這種情況下，基於 Chromium 核心的瀏覽器已經原生支援延遲載入一段時間了，因此這項新變更對這類嵌入方式不會產生明顯的影響。
最引人注目的地方是… 頁麵包含多個內建播放器、報告中散佈著短視訊片段或嵌入音訊模組對於在西班牙或歐洲使用行動網路連線不穩定的用戶來說，這一點尤其重要。在這種情況下，避免所有媒體同時載入可以顯著縮短使用者感知到的載入時間。
然而，有一點值得記住： 真正的影響將取決於開發者是否採用這項功能。這並非一根會自動套用於所有現有內容的魔法棒；網站需要調整其程式碼，以便在適當的地方對媒體元素使用 loading="lazy"。
總之，由於它是 Chromium 內建的功能， 連鎖反應將波及瀏覽器生態系的很大一部分。隨著 Edge、Opera、Brave、Vivaldi 等瀏覽器整合相應的引擎版本，這些瀏覽器的用戶也將受益於這種更聰明的視訊和音訊處理。
對西班牙和歐洲鉻生態系的影響
Chrome瀏覽器在全球和歐洲市場仍佔據主導地位。在西班牙， 約佔使用量的三分之二緊隨其後的是 Safari、Edge 和 Firefox 等替代瀏覽器。這意味著對其引擎的任何調整都會對網路上的很大一部分內容產生影響。
在資源豐富的環境中 擁有自有視訊內容的數位媒體、提供串流課程的教育入口網站以及整合播客的網站瀏覽器管理這些資源的方式直接影響閱讀體驗。同時下載過多的大檔案會降低存取主要資訊的速度，尤其是在主要城市中心以外的行動網路上。
視訊和音訊原生懶載入功能的出現符合Google的策略。 繼續優化瀏覽器的內部效能 雖然我們正在準備更雄心勃勃的變革，例如人工智慧代理模式，但這些功能乍看之下並不引人注目，不過它們確實有助於提升網站初始體驗的流暢性和便利性。
同時，此舉也鞏固了 Chromium 作為…的角色。 歐洲許多瀏覽器的共同技術基礎即使那些選擇注重隱私或個人化的替代方案的用戶，最終也會繼承這樣的優化，因為他們的瀏覽器依賴與 Chrome 相同的引擎。
整體而言，Chrome 148 中新增的視訊和音訊原生懶載入功能看似是一項細微的改進，但對日常網路使用卻有著明顯的影響： 一次性下載的資源更少，頁面回應速度更快，資料和記憶體消耗也更適中。無論是在西班牙還是在基於 Chromium 的其他歐洲生態系統中。
