谷歌瀏覽器將延遲加載視頻和音頻,以加快網頁加載速度。

  • Chrome 148 將在桌面、行動裝置和 WebView 上為影片和音訊元素引入原生懶載入功能。
  • 此功能將減少包含大量多媒體內容的頁面的載入時間、資料消耗和記憶體使用量。
  • 開發人員將能夠使用該屬性 加載中="lazy" 在和無需借助外部腳本
  • 其他基於 Chromium 核心的瀏覽器,如 Edge、Opera、Brave 和 Vivaldi,也將獲得相同的改進。

Google Chrome 瀏覽器延遲載入影片和音訊

谷歌正在最終確定一項技術改進方案。 Chrome瀏覽器將直接影響網路上影片和音訊的載入方式。從 148 版本開始,瀏覽器將原生啟用這些元素的延遲加載,這是一項旨在減輕頁面重量並減少電腦和行動裝置資源消耗的新功能。

此功能擴展了 Chromium 生態系統自 2019 年以來一直在使用的功能: 使用眾所周知的“延遲加載”系統來加載圖像和 iframe。現在,同樣的邏輯也將應用於嵌入標籤中的多媒體內容。和在西班牙和歐洲其他地區的許多網站都嚴重依賴影片片段、嵌入式播客和自己的播放器之際,這一點尤其具有現實意義。

Chrome瀏覽器延遲載入影片和音訊代表什麼?

實際上,延遲載入意味著瀏覽器 它不會立即下載或初始化最佔資源的元素,直到它們接近螢幕的可見區域。換句話說,如果一篇新聞文章或報導中包含多個分散在文本中的球員,Chrome 只會關注用戶當前位置附近的球員,其餘球員則留待以後處理。

在此之前,這種智能僅限於圖像和 iframe,但是 頁面打開後,視訊和音訊檔案會立即開始載入。即使它們位於捲軸下方很遠的位置,讀者根本看不到它們。這種情況可能會增加資料流量,並延長在網路擁塞的行動或家庭網路連接下的初始載入時間。

隨著 Chrome 148 的發布,Google將為開發者整合原生支援。 只需添加該屬性即可 加載中="lazy" 標籤和瀏覽器會自動決定何時取得每個資源,並將下載與頁面其他元素的下載協調。

根據該公司本身的文件,實施方案將是: 全球桌面、Android、iOS 和 WebView 平台這樣,依賴 Web 視圖的應用程式和網站也可以從這種優化中受益,而無需對其程式碼進行深刻的更改。

利用懶加載提升 Web 效能

對使用者而言的實際優勢:更少的資料量、更少的記憶體佔用以及更快的頁面載入速度。

這項變化的主要後果是: 由於瀏覽器的初始負載降低,許多頁面的開啟速度會更快。Chrome 不會一次下載所有嵌入的視訊和音頻,而是優先下載文字、關鍵圖像以及在第一個螢幕上實際可見的內容。

這種行為直接影響那些使用手機瀏覽網頁或數據流量套餐有限的用戶,因為 避免下載可能永遠不會播放的影片片段。新聞網站、科技部落格、媒體網站以及整合了影片或播客部分的入口網站,在單一頁面上的多媒體元素數量較多時,會特別注意到這種改進。

另一點也與記憶體和CPU有關。透過錯開媒體播放器和串流媒體的初始化時間, 瀏覽器可以更好地分配工作負載,減少記憶體使用高峰。這意味著在配置較低的或較舊的筆記型電腦上,瀏覽網頁會更加流暢,延遲更低。

谷歌解釋說,原生實作方式也將允許Chrome瀏覽器運作。 考慮網路質量,協調負載與屬性等因素 預緊 y 自動播放 並避免阻塞關鍵事件,例如 視窗載入 媒體內容甚至都遠離頁面的可見部分。

這雖然不是什麼引人注目的視覺特性,但卻是那種悄無聲息的改進之一。 它們可以讓網站每天都感覺運行速度更快。尤其是在重型資源豐富但網路連線不完善的情況下。

開發者將面臨哪些變化:許多懶加載腳本將成為歷史

此前,想要延遲視訊或音訊載入的用戶通常會採取以下措施: 基於 JavaScript 的解決方案,通常將 Intersection Observer 與動態屬性處理結合。 SRC o 預緊這是一種有效的方法,但它增加了複雜性,增加了維護工作,而且並不總是與瀏覽器的內部啟發式演算法相契合。

隨著 Chrome 148 版本原生支持,情況發生了顯著變化: 使用該屬性就足夠了。 加載中="lazy" 直接進入和這與多年來使用圖片和 iframe 的方式類似。 Chromium 引擎會處理其餘部分,無需外部程式庫或額外的邏輯來控制下載的確切時機。

此舉允許 Chrome 為了更持續地優化預先載入和資源掃描當責任在於第三方腳本時,情況往往會變得複雜。透過與平臺本身集成,瀏覽器可以更好地決定優先下載哪些文件、如何將其放入快取以及每個文件對用戶體驗的影響。

此外,原生方法降低了站點間配置不一致的風險,因為 相同的延遲載入 API 適用於各種類型的元素(圖像、iframe、視訊和音訊)。歐洲許多已經使用圖像懶加載的開發團隊,只需進行少量更改,就能將相同的邏輯擴展到他們的多媒體內容中。

使用延遲載入的開發者

哪些版本的 Chrome 瀏覽器會獲得此功能?其他瀏覽器何時會推出此功能?

根據Chrome平台狀態中發布的路線圖, 此功能的測試已在 Chrome 147 開發分支中啟動。在初始階段之後,該公司已確定 Chrome 148 的穩定發布日期,該版本將部署在桌面以及 Android、iOS 和 WebView 環境中。

這意味著,如果沒有任何進度延誤, 在 Chrome 148 生命週期內,大多數使用者應預設啟用視訊和音訊的原生懶載入。谷歌表示,此次更改將以透明的方式進行,用戶無需觸及進階設定或啟動實驗性功能。

與 Chromium 中整合的幾乎所有內容一樣, 改進不會止步於此。 Google Chrome像 Microsoft Edge、Opera、Brave 和 Vivaldi 這樣的瀏覽器在歐洲用戶中也很受歡迎,一旦它們採用包含此新功能的引擎版本,也將受益於相同的支援。

在某些情況下,製造商可以自行決定是啟用預設行為還是根據自身策略進行調整,但是 從邏輯上講,大多數人都會遵循Google規劃好的路徑。這是他們已經用於圖像和 iframe 的 API 的自然擴展。

Chrome 瀏覽器多媒體功能

對當前歐洲網絡和 Chromium 生態系統的影響

Chrome 仍然是全球以及西班牙的主導瀏覽器。 與 Safari、Edge 或 Firefox 等其他瀏覽器相比,它的使用量約佔三分之二。由於它是事實上的標準,對其引擎的任何調整最終都會影響到網路很大一部分的行為以及許多頁面的設計方式。

在現今新聞網站紛紛推出自有影片、訓練入口網站提供線上課程、媒體平台整合播客和嵌入式音訊的背景下, 這些資源的管理方式直接影響閱讀體驗。同時下載過多檔案會減慢存取關鍵資訊的速度,尤其是在大城市以外的行動網路連線或共享網路上。

視訊和音訊原生懶載入功能的出現符合Google的策略。 在不改變瀏覽器外觀的前提下,繼續改進瀏覽器的底層功能。這些改進乍看之下可能不明顯,但結合起來,可以讓使用者首次造訪頁面時速度更快,對網路連線的負擔也更小。

同時,此舉也強化了這樣一種觀點: Chromium 作為歐洲許多瀏覽器的通用基礎架構,仍在不斷發展演進。儘管許多用戶選擇注重隱私或個人化的替代方案,但這些方案中的許多方案幾乎都會自動繼承一些最佳化,例如現在針對視聽媒體推出的最佳化。

透過這項改變,生態系統獲得了一種額外的工具來控制多媒體內容對日常瀏覽的影響,從而減少資料消耗、縮短載入時間並減輕效能較差的裝置的壓力,而使用者無需進行任何特殊操作。

Chrome 148 版本新增的影片和音訊原生懶載入功能正在逐步完善。 看似細微的改進,卻對許多網站的實際表現產生了實際的影響。:一次性下載的資源更少,頁面回應速度更快,並且能夠更聰明地管理整個 Chromium 生態系統(從西班牙到歐洲其他地區)中的多媒體內容。

針對 Chrome 和 Edge 瀏覽器的大規模網路攻擊影響了數百萬人長達七年
相關文章:
Chrome 和 Edge 瀏覽器遭受大規模網路攻擊:惡意擴充功能七年未被發現

在 Google 新聞上關注我們