在滚动时加载图像

Question

假设我有一个python脚本在网页上转储1000个图像，当用户打开网页时，浏览器会尝试一次打开所有这些图像，这会减慢页面的速度。

有没有办法确保只加载那些位于用户当前视野中的图像，以某种方式加载它们，具体取决于滚动条的位置？

Answer 1

我们将此设计模式称为Lazy Loading。已经有很多插件实现了它，例如通过滚动加载图像。说 Lazy Load Plugin for jQuery：

  

Lazy Load是一个用JavaScript编写的jQuery插件。它延迟加载   长网页中的图像。视口外的图像（可见部分   在用户滚动到它们之前不会加载。这是   与图像预加载相反。

     

在包含许多大图像的长网页上使用Lazy Load   页面加载速度更快。加载后浏览器将处于就绪状态   可见图像。在某些情况下，它还可以帮助减少服务器负载。

您可以访问他们的网页查看完整的示例和api。