Hey TagDiv Team, Hey Everone,
Since I have recommendations in the similar articles area and in the sidebar the pages got very heavy. With Images, Scripts, AdCalls and so on my page has roughly 100 request. About 30 are images. Thus I thought it may be helpful to use a lacy image loading plugin.
Has anyone experiences with any lacy loading wp plugin?
Makes a deeper lacy loading strategy in the theme sense? E.g. always load the first. and lacy load other images? If yes, see this us a feature request.
Thx I really appreciate your help!
Cheers Manuel
hi,
sorry we did not experimented wit any lazy loading wp plugin.
if you find a plugin that woks well can you also paste your results here for others to find and use.
Thanks for you message.
Radu A.
i am using this plugin site-wide: http://wordpress.org/plugins/rocket-lazy-load/
We experimented with various lazy loading things; however we ran into issues on home page (this was possibly back on Newspaper 2x, btw), and some other things where sometimes certain images didn’t load at all due to the lazy loading timing out for some things “below the fold” … if your host has mod_pagespeed you can play with that, but there are also some plugins as tomdouble noted above. Be sure to test if you have lots of images; if you see “empty spots” when running lazy load, you might have to do without.
Note with proper server side caching, the images should be cached on first load and then future visitors get cached copy, so perhaps not that necessary. Worth trying if you think it’s slowing down page. Be sure to try running smushit or modifying the functions file to reduce image thumbnail sizes first, as that in combination with caching usually does the trick.
Thx @ChristopherSimmons, all images are already size optimized. Problem is first page load since we have a lot of new visitors.
Has mod_pagespeed an own option for lacy loading images?
@manuel
yes… just google it 😉
https://developers.google.com/speed/pagespeed/module/filter-lazyload-images
Objective
Optimize browser rendering and reduce number of HTTP round-trips by deferring the loading of images which are not in the client’s viewport. This filter implements the PageSpeed rules for optimizing browser rendering and minimizing round trip times.
The lazyload_images filter defers loading of images until they become visible in the client’s viewport or the page’s onload event fires. This avoids blocking the download of other critical resources necessary for rendering the above the fold section of the page.
**
where we ran into trouble was the “onscroll” feature, which hides things until you scroll down, which would seem to make sense, but with the earlier version of Newspaper, we’d basically scroll down and the images would be too lazy and not load at all !
Now, both the theme and mod_pagespeed have been updated since last time I tried this, so it’s on my to do list to revisit 🙂 I would have gotten back to this, but was really sick for 3 months, and only now getting back to ‘normal” and waaay catching up on stuff. 🙂
