如何在 CSS 中延迟加载图像

Question

.image--about {
    background: url(../img/ZIZF.gif) no-repeat center;
    background-size: cover
}

我有这个CSS。我想对通过 CSS 加载的以下图像使用延迟加载，你能帮我吗？

Answer 1

我不知道是否可以通过CSS应用延迟加载，但是可以通过添加单个属性来使用HTML

loading="lazy"

<img src="myimage.jpg" loading="lazy" alt="..." />

其他加载值，如

eager

和

auto

其他方法将需要 JavaScript 检查此👉延迟加载图像以获得更好网站性能的五种方法

Answer 2

网站的最佳图像预加载器

https://www.inventiontricks.com/category/html-css/loaders/