Веб-страница с большим количеством изображений: медленная прокрутка?

Question

У меня есть веб-страница с новостной лентой.А в новостной ленте есть куча изображений, уложенных вертикально.Новые изображения заполняют страницу, когда пользователь выполняет прокрутку вниз.

Все начинается быстро и плавно, но по мере загрузки большего количества изображений (и увеличения прокрутки вниз) страница начинает становиться очень медленной и прерывистой.Прокрутка становится супер плавной.

В чем проблема?И как я могу это исправить?

Answer 1

Попробуйте использовать LazyLoad для JQuery ( ссылка ). Он не загружает изображения до тех пор, пока вы не прокрутите страницу, поэтому идеально подходит для вашего случая использования.

Answer 2

Возможно, в вашем JavaScript есть ошибка.Если нет, вы можете попытаться удалить самые новые изображения, когда загружены старые.

Answer 3

Насколько велики изображения, которые вы используете? Вы должны попытаться сделать размеры изображения как можно меньше.

Вы можете попробовать предварительно загрузить изображения в JavaScript (объект Image). Таким образом, когда пользователь прокручивает страницу вниз, изображения уже загружены (или частично загружены).