Jump to content

Split more than 300 images in to pages ?


iNoize
 Share

Recommended Posts

Hello, 
i have an Photography page based on PW. Now is the Problem that the loading time is to long.

Idea was to split every 20 images in to pages for Ajaxloading. 
I dont know how generate all 20 images a new URLsegment.
I just cant  get it. :) 

Thanks for advice 

Link to comment
Share on other sites

It's certainly better than putting plain <img> tags on the page.

How many images you have on the page doesnt really matter. Images either have a 1x1px transparent GIF or a low quality placeholder. As visitor scrolls down the page JS swaps placeholders with a real/HQ image and browser starts loading the high quality version. If user doesnt scroll down to an image, it doesnt load. Pages load much quicker and you get save bandwidth in the process.

  • Like 3
Link to comment
Share on other sites

28 minutes ago, abdus said:

It's certainly better than putting plain <img> tags on the page.

How many images you have on the page doesnt really matter. Images either have a 1x1px transparent or a low quality placeholder. As visitor scrolls down the page JS swaps placeholders to a real/hq url and browser starts loading high quality version. If user doesnt scroll down to an image it doesnt load. Pages load much quicker and you get to save bandwidth.

I started using LazySizes recently and really like it for large image heavy pages.

If you start with the basic lazy loading and get comfortable with it you can then look at the srcset feature which loads different sized images based on the user device.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...