有很多图片的网页：慢滚动？

Question

我有一个包含新闻Feed的网页。新闻源有一堆垂直堆叠的图像。当用户向下滚动时，新图像会填充页面。

事情开始快速而平稳，但随着更多图像加载（以及更多向下滚动），页面开始变得非常缓慢且不连贯。滚动变得非常不顺畅。

有什么问题？我该如何解决这个问题？

Answer 1

您使用的图片有多大？您应该尝试使图像尺寸尽可能小。

您可以尝试使用JavaScript（Image对象）预加载图像。这样，当用户向下滚动时，图像已经加载（或部分加载）。

Answer 2

尝试使用LazyLoad for JQuery（link）。在向下滚动之前，它不会加载图像，因此非常适合您的用例。

Answer 3

也许你的javascript中有一个错误。 如果没有，您可以尝试在加载旧图片时删除最新图片。