I’m working on a project for a friend that involves a massive page with 3,000+ photos. See: http://www.thepurplepixie.com/projects/purple-pixies-people-project/

Currently, I have pagination set to 50 thumbnails per page in order to try and get the Infinite Scroll (WordPress Plugin) (Infinite Scroll Homepage) to work, and to illustrate how I have the galleries set up in NextGen. Before, I had pagination off so it was one massive wall of photos, which, while accomplishing more or less what I was wanting, ultimately was brutal to load — both in terms of memory and bandwidth.

I can’t seem to get the plugin version of Infinite Scroll to work, I’m guessing because it’s more structured towards post content than big bunches of images. Also, I have multiple instances of the pagination system per page, due to multiple galleries per page.

Does anyone have any idea how I would go about lazy loading these images?

Thank you!

3 Answers
3

Try the Lazy Load plugin — its code is said to be used on WordPress.com VIP sites, and the plugin is pretty current (last updated July 4th).

Caution! Lazy loading images is tricky on slow connections, where there’s a chance that images fail to load at all. Even a small bug or incompatibility in the JavaScript code can break your site.

Leave a Reply

Your email address will not be published. Required fields are marked *