Chrome 中的原生图片延迟加载过于积极

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 价值 200 美元的免费积分!

有趣的研究 来自 Aaron Peters 关于 <img loading="lazy" ... >

在我的 13 英寸 Macbook 上,停靠栏位于左侧,Chrome 的视窗高度为 786 像素,因此对于页面下方超过视窗高度 4 倍的 loading="lazy" 图片,Chrome 在页面加载时会急切地获取它们。

我认为,这过于急切。为什么不使用 1000 像素这样的较低阈值呢?或者更好的是:根据实际视窗高度设置阈值。

我的猜测是,他们选择在默认情况下不过度设计该功能,并将随着时间的推移进行改进。通过选择一个相当高的阈值,他们降低了在使用 width/height 属性的图片的页面上,布局发生变化而惹恼用户的风险。

我认为这个 未合并的 Pull Request 是我们最接近规范的东西,它使用了类似“滚动到视窗中”的语言,这意味着根本没有阈值。

直接链接 →