如何延迟加载使用CSS获取的图像？
首先，我在我的主页上发现的问题是，这些图片让我的生活变得迟钝。我发现这解释了如何延迟加载图像，对我来说这是我问题的解决方案 但是，所有示例都与使用HTML获取的图像相关。我使用CSS从本地文件中获取图像。我如何在主页中使用CSS惰性加载图像 使用CSS获取图像的示例如何延迟加载使用CSS获取的图像？,css,Css,首先，我在我的主页上发现的问题是，这些图片让我的生活变得迟钝。我发现这解释了如何延迟加载图像，对我来说这是我问题的解决方案 但是，所有示例都与使用HTML获取的图像相关。我使用CSS从本地文件中获取图像。我如何在主页中使用CSS惰性加载图像 使用CSS获取图像的示例 background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 58, 82, 0.8)), to(rgba(50, 58, 82, 0.8))),
background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 58, 82, 0.8)), to(rgba(50, 58, 82, 0.8))), url(../images/world.jpeg);
background: linear-gradient(to bottom, rgba(50, 58, 82, 0.8), rgba(50, 58, 82, 0.8)), url(../images/world.jpeg);
如果你需要查看我的任何网站代码，这里是我的 我想你问错问题了。图像正在减慢您的站点速度，因此您不必担心花哨的加载技术，您应该问的是如何使图像加载更快 我看了你的页面。您的背景图像大小几乎为7 Mb。它是6000像素宽。没有必要有这么大的形象。我下载了它，并使用Gimp将其扩展到3000px宽，从而将文件大小削减到2MB。通过一个图像压缩程序运行它，将其压缩到800KB。甚至3000像素宽也可能比需要的宽一点 您还有其他一些可以剪切的大图像。例如，如果这些徽标仅以230px的宽度显示，则不需要1000+px的宽度 与其尝试延迟加载，不如回到如何快速加载图像这一更基本的问题上来 以下是一些想法：