為了解決現代網頁因多媒體內容過多,導致容易拖慢載入速度的問題,Google 近期宣布,將在即將推出的Chrome 148版本中,針對網頁內的影片與音訊元素 (〈video〉與〈audio〉 HTML標籤))進行「延遲載入」 (Lazy loading)功能的擴充測試。這項自2019年起便廣泛應用於圖片與iframe框架的網頁最佳化技術,如今終於正式延伸至更耗費頻寬的影音內容,預期將為無論是電腦端或行動裝置的用戶,帶來更輕快、省流量的網頁瀏覽體驗。
什麼是「延遲載入」?從圖片延伸至影音的必然趨勢
「延遲載入」在網頁開發領域並非新概念,其核心運作邏輯非常直觀:系統會優先載入網頁上較輕量的文字或第一個螢幕顯示畫面,並且「推遲」載入那些較耗費資源且尚未出現在使用者螢幕瀏覽範圍內的元素。直到使用者向下捲動網頁、即將靠近這些元素時,瀏覽器 才會開始進行載入。
這項機制能讓使用者更快速地開始閱讀與互動,而不必花費時間等待整個網頁完全下載完畢。
早在2019年,Google就已經為Chrome與基於Chromium 架構的瀏覽器,導入針對圖片 (Images)與內嵌框架 (iframes)的延遲載入功能。而此次,Google決定將這項機制擴展至HTML中的影片 (〈video〉)與音訊 (〈audio〉)標籤,即便在現代網頁設計中,直接使用這兩個原生標籤的頻率可能不如圖片或iframe普及,但由於影音檔案的體積通常遠大於靜態圖片,因此將其納入延遲載入的範疇,對節省頻寬與系統資源有著顯著的效益。
桌機與行動版同步實裝,Microsoft Edge等瀏覽器亦將跟進
根據目前的資訊,這項針對影音元素的延遲載入變更,預計將隨著Chrome 148版本的更新,同步登上桌機版本與行動裝置 (手機/平板)平台版本。
更重要的是,由於Google是將這項功能直接寫入底層的Chromium開源程式碼庫中,這意味著其他採用相同架構的瀏覽器——例如微軟 的Microsoft Edge、Brave、Vivaldi等基於Chromium架構打造瀏覽器,而在未來的版本更新中,預期也將無縫承襲這項效能升級。
《原文刊登於合作媒體mashdigi,聯合新聞網獲授權轉載。》
訂閱《科技玩家》YouTube頻道!
💡 追新聞》》在Google News按下追蹤,科技玩家好文不漏接!
📢 eneloop充電電池開箱!實測高續航力ㄅ級分 絕配富士instax mini 41 拍立得
📢 便宜資費懶人包/5G 399元比4G便宜 新方案「每月加100」上網升級
📢 三星爆有4款新摺疊機!神祕新機型號現身 傳為平價Galaxy Z Fold8 FE
📢 LINE免費貼圖!報稅「錢錢再見」、PASS拒絕哏圖好用 還有蠟筆小新快下載
📢 買預付卡出國漫遊…回國竟涉詐欺案 釣出一票人「忽略SIM卡1事」全中獎
📢 懶人包/預付卡有使用期限嗎?出國漫遊用完SIM卡可丟嗎?QA一次看

討論區