gpt4 book ai didi

html - Chrome 原生图像延迟加载仅适用于 iframe

转载 作者:行者123 更新时间:2023-12-04 10:14:08 25 4
gpt4 key购买 nike

Chrome 81、FF 75(今天最新)

在 Chrome 原生图像延迟加载仅在 iframe 内有效。为什么?在 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 的错误吗?在FF中效果很好

(您可以通过滚动和开发者工具 -> 网络检查图像延迟加载)

最佳答案

我有同样的问题,但 仅限 当图像足够靠近视口(viewport)时。否则它会被延迟加载。

请尝试在 Chrome 中打开这个最小的工作示例,然后慢慢向下滚动页面。当视口(viewport)大约位于页面中间时,将加载图像。

<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>

如果没有信心,我可以建议它是一个功能,而不是一个错误。某种优化。例如,当用户足够快地向上/向下滚动时,它会减少看到图像正在加载的机会。

关于html - Chrome 原生图像延迟加载仅适用于 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61167225/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com