雷火官网-中国知名电竞赛事平台

找軟件用軟件,就到華軍軟件園! 軟件發(fā)布
所在位置: 首頁 — 教程攻略 — 資訊 — 電腦軟件資訊  —  Chrome 現(xiàn)...

Chrome 現(xiàn)已支持延遲加載網(wǎng)頁中的 iframe

作者:互聯(lián)網(wǎng) 日期:2020-07-27

  一年前,谷歌曾在 Chrome 76 中添加了對圖片的延遲加載支持。近日,ChromeEng 經(jīng)理 Addy Osmani 則宣布,該團隊已將 iframe 的延遲加載作為標(biāo)準(zhǔn)功能,添加至了 Chrome 瀏覽器和 Chromium 瀏覽器中。

  <iframe src="https://example.com"
  loading="lazy"
  width="600"
  height="400"></iframe>

  該功能會延遲窗口外 iframe 的加載,直到用戶將網(wǎng)頁滾動到附近為止。此舉可以節(jié)省數(shù)據(jù)、加快頁面其他部分的加載速度,并減少內(nèi)存使用量。

  Chrome 小組的研究表明,iframe 延遲加載可以節(jié)省 2-3% 的中位數(shù)據(jù)量、1-2% 的首次內(nèi)容渲染、以及在 95% 的位置上可以節(jié)省 2% 的首次輸入延遲(FID)。

  目前該 loading 已支持三種屬性值:

  lazy:延遲加載的理想選擇。

  eager:立即加載(非延遲加載的理想選擇)。

  auto:由瀏覽器來決定是否延遲加載。

  Osmani 表示,當(dāng)其在 YouTube 上加載嵌入內(nèi)容時,可讓移動設(shè)備的互動時間節(jié)省 10 秒。而 Instagram 和 Spofity 仍會在初始加載時處理嵌入式內(nèi)容,但壓縮后分別可節(jié)省 >100KB 和 514KB。

  并且,現(xiàn)在所有的 Facebook 社交插件都支持本機瀏覽器延遲加載 iframe。其最后得出結(jié)論稱,對延遲加載 iframe 的支持將使得用戶可以大大輕松地提高網(wǎng)頁的性能。

  值得一提的是,Chrome for Android 在 Lite 模式下仍會自動延遲加載窗口外的圖片和 iframe。更多詳細內(nèi)容可查看官方博客。

相關(guān)文章

最新資訊 更多

office模板大全怎么卸載? office模板大全怎么卸載?

Office助手可以卸載嗎?Office助手怎么卸載? Office助手可以卸載嗎?Office助手怎么卸載?

英雄聯(lián)盟S14全球總決賽八強隊伍有哪些_八強詳細賽程一覽 英雄聯(lián)盟S14全球總決賽八強隊伍有哪些_八強詳細賽程一覽

78個寶藏app推薦,大學(xué)生提升自我必備! 78個寶藏app推薦,大學(xué)生提升自我必備!

國家推送8大免費課外輔導(dǎo)網(wǎng)課平臺,安排起來! 國家推送8大免費課外輔導(dǎo)網(wǎng)課平臺,安排起來!

熱門資訊 更多

暑假游戲推薦合集 暑假游戲推薦合集

疫情期間怎么居家辦公-居家辦公軟件介紹 疫情期間怎么居家辦公-居家辦公軟件介紹

pdf怎么轉(zhuǎn)換成word-pdf轉(zhuǎn)換成word的方法 pdf怎么轉(zhuǎn)換成word-pdf轉(zhuǎn)換成word的方法

頓號在鍵盤上怎么打?在鍵盤上輸入頓號的方法 頓號在鍵盤上怎么打?在鍵盤上輸入頓號的方法

電腦怎么截圖-電腦截圖方法 電腦怎么截圖-電腦截圖方法