Chrome 81、FF 75（今天最新）在 Chrome 中，本機圖像延遲加載僅在 iframe 內(nèi)起作用。為什么？在 FF 效果很好page1.htm（延遲加載在 Chrome 中不起作用，但在 FF 中運行良好）：<p style="margin-bottom: 1000px;">Please scroll down. The image is below the viewport.</p><p style="margin-bottom: 1000px;">Please scroll down. The image is below the viewport.</p><img src="https://wallpaperplay.com/walls/full/5/e/a/218959.jpg" loading="lazy">page2.htm（通過 iframe 進行延遲加載在 Chrome 和 FF 中均有效）：<iframe src="page1.htm">這是Chrome的bug嗎？在FF中效果很好（您可以通過滾動和開發(fā)者工具 -> 網(wǎng)絡(luò)檢查圖像延遲加載）
2 回答
喵喔喔
TA貢獻1735條經(jīng)驗 獲得超5個贊
我遇到了同樣的問題，但只有當(dāng)圖像足夠接近視口時才會出現(xiàn)。否則它會被延遲加載。
請嘗試在 Chrome 中打開這個最小的工作示例，然后慢慢向下滾動頁面。當(dāng)視口大約位于頁面中間時，將加載圖像。
<html>
<head>
<style>
.dummy {
height: 700vh;
}
</style>
</head>
<body>
<div class="dummy"></div>
<img src="https://yasminfinch.com/wp-content/uploads/2015/03/Hello-icon-300x212.jpg" loading="lazy">
</body>
</html>
如果沒有信心，我可以認為這是一個功能，而不是一個錯誤。某種優(yōu)化。例如，當(dāng)用戶足夠快地向上/向下滾動時，它會減少看到圖像正在加載的機會。
- 2 回答
- 0 關(guān)注
- 161 瀏覽
添加回答
舉報
0/150
提交
取消