首页 > 解决方案 > 是否可以本地延迟加载未指定尺寸的图像(因为它们需要响应)?

问题描述

我知道,为了让浏览器本机延迟加载能够正常工作(在 chrome 中),您需要定义图像的高度和宽度。

问题是我需要我的图像具有响应性,所以我无法设置绝对高度和宽度。但是我仍然想延迟加载这些图像以提高我网站的性能。

我尝试通过将图像包装在具有纵横比的 div 中,然后将图像高度和宽度设置为 100% 来解决这个问题。不幸的是,似乎只有绝对尺寸才有效。

是否有可能的解决方法来本地延迟加载没有绝对尺寸的图像,或者我应该使用 javascript 库来做到这一点(或者,他们也无法解决这个问题)?

旁注:我注意到这只是 chrome 中的一个问题。如果您不能在我们 99% 需要的响应式图像上使用它,那么这项技术的意义何在。

标签: javascripthtmlgoogle-chromelazy-loading

解决方案


推荐阅读