4-2 如何延迟加载图片_图片延迟加载

作者：我家自动化 | 2024-02-20 20:59:15

踩

图片延迟加载

由于在 HTML 中作为元素或 CSS 背景图像内联，图像可以出现在网页上。在这篇文章中，您将了解如何延迟加载这两种类型的图像。

最常见的延迟加载候选是元素中使用的图像。对于内嵌图像，我们有三个延迟加载选项，可以组合使用以实现跨浏览器的最佳兼容性：

Chrome 和 Firefox 都支持带有loading属性的延迟加载。此属性可以添加到元素，也可以添加到元素。值lazy告诉浏览器如果图像在视口中则立即加载图像，并在用户滚动到其他图像附近时获取其他图像。

注意目前是非标准的。虽然在 Chromium 中实现，但它还没有规范，并且在发生这种情况时可能会在未来发生变化。我们建议不要使用该loading属性延迟加载 iframe，直到它成为规范的一部分。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/120877