Lazy loading images how

I am developing an eshop .At products page based on category i putted some javascript based filtering. However a problem arises if a category has a lot of products.
This link has something similar i do …
http://www.snowandrock.com/sunglasses/snowboard/fcp-category/list?resetFilters=true

How ever this page is painfully slow and is over 2mb !!!

Every product for me needs half killobyte but the image is the problem..
So i am looking how to lazy load images..
Since my page has pagination unlike that site i think that loading images that are visible only to the page is a solution.The probem however is how to do it in order to work both for javascript and non javscript enabled people..
The only solution i though is storing the link at the css class somehow of the image for the non visible products and if shown after filtering change via javascript the image src…
Non javascript users dont have this problem as clicking on a filter would navigate them to other page…

Any other idea?

112 thoughts on “Lazy loading images how”

  1. Pingback: stromectol otc
  2. Pingback: plaquenil tired
  3. Pingback: ivermectin 5
  4. Howdy would you mind stating which blog platform you’re working with?
    I’m going to start my own blog in the near
    future but I’m having a hard time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your layout seems different then most blogs and I’m looking for something unique.
    P.S Apologies for being off-topic but I had to ask! https://prescriptiondrugswithoutdoctorapproval.com/cialis/

    Reply
  5. Pingback: male viagra otc

Leave a Comment