Webpage with lots of images: slow scroll?

I have a news feed webpage. And in the news feed there is a bunch of images stacked vertically. New images fill the page when the user scrolls down.

It all starts quickly and smoothly, but when loading more images (and more scrolling) the page starts to become very slow and choppy. Scrolling becomes super smooth.

What is the problem? And how can I fix this?

+4
source share
3 answers

Try using LazyLoad for jQuery ( link ). It does not load images until you scroll down, which is ideal for your use.

0
source

How big are the images you use? You should try to make the image sizes as small as possible.

You can try preloading the images in JavaScript ( Image object). Thus, when the user scrolls down, the images are already loading (or partially loading).

0
source

Maybe there is a bug in your javascript. If not, you can try to delete the newest photos when older ones are uploaded.

0
source

All Articles