我們擅長商業(yè)策略與用戶體驗的完美結(jié)合。
歡迎瀏覽我們的案例。
一年前,谷歌為 Chrome 76 引入了延遲加載圖片的功能。昨日,Chrome 工程主管 Addy Osmani 又宣布,他們將在新版瀏覽器中啟用延遲加載 iframe 元素的標(biāo)準(zhǔn)功能。在啟用
Andy Osmani 表示:“很高興向大家分享已經(jīng)標(biāo)準(zhǔn)化的 iframe 本機(jī)延遲加載優(yōu)化功能,其現(xiàn)已在 Chrome 和基于 Chromium 的瀏覽器中得到支持”。
據(jù)悉,iframe 延遲加載有助于減少內(nèi)存使用量、提升頁面其它部分的加載速度并保存數(shù)據(jù)。
盡管來自 Twitter、Facebook 和 YouTube 的第三方嵌入元素將不會在被用戶看到前立即可見,但傳統(tǒng)網(wǎng)頁加載方式仍會消耗大量的數(shù)據(jù)和處理時間。
在啟用 iframe 延遲加載之后,Chrome 團(tuán)隊得以節(jié)省 2-3% 的中位數(shù)據(jù)量、1-2% 的首次內(nèi)容渲染、以及 2% 的首次輸入延遲(FID)。
目前 Chrome 已支持三種屬性值:
● lazy:延遲加載的理想選擇。
● eager:立即加載(非延遲加載的理想選擇)。
● auto:由瀏覽器來決定是否延遲加載。
博客文章指出,在 YouTube 上加載嵌入內(nèi)容的時候,可讓移動設(shè)備的互動時間節(jié)省 10 秒。
Instagram 和 Spofity 仍會在初始加載時處理嵌入式內(nèi)容,但壓縮后可節(jié)省 >100KB 和 514KB 。
此外現(xiàn)在 Facebook 上的所有社交插件都已支持在本機(jī)瀏覽器執(zhí)行 iframe 元素的延遲加載。
不過需要指出的是,精簡模式下的 Chrome for Android 瀏覽器,仍會自動加載當(dāng)前顯示窗口之外的圖片和 iframe 元素。
?。?a href="http://www.nasamidwest.com/website/">邯鄲網(wǎng)站制作)
小米應(yīng)用商店發(fā)布消息稱 持續(xù)開展“APP 侵害用戶權(quán)益治理”系列行動 11:37:04
騰訊云與CSIG成立政企業(yè)務(wù)線 加速數(shù)字技術(shù)在實體經(jīng)濟(jì)中的落地和應(yīng)用 11:34:49
樂視回應(yīng)還有400多人 期待新的朋友加入 11:29:25
亞馬遜表示 公司正在將其智能購物車擴(kuò)展到馬薩諸塞州的一家全食店 10:18:04
三星在元宇宙平臺推出游戲 玩家可收集原材料制作三星產(chǎn)品 09:57:29
特斯拉加州San Mateo裁減229名員工 永久關(guān)閉該地區(qū)分公司 09:53:13