有大量图片的网页:滚动缓慢

Webpage with lots of images: slow scrolling?

本文关键字：网页滚动缓慢更新时间：2023-09-26

我有一个带有新闻提要的网页。新闻提要有一堆垂直堆叠的图片。当用户向下滚动时，新的图像填充页面。

事情开始快速和平稳，但随着更多的图像加载(和更多的向下滚动)，页面开始变得非常缓慢和起伏。滚动变得非常不流畅。

有什么问题吗?我怎样才能解决这个问题呢?

尝试使用LazyLoad JQuery(链接)。它不加载图像，直到你向下滚动，所以完美的用例

你使用的图片有多大?你应该尽量把图片的尺寸弄得小一些。

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

也许你的javascript有bug。如果没有，你可以尝试在加载旧图片时删除最新的图片。