I only just started using Hugo, and am learning JS as I use it, so suggestions for improvement are welcome! I started off with this post , and then read a bit more and added more features. it also uses the Lozad JS library , so you’ll need to have that loaded. This is what I use: {{<srcset_image cl…

Here are interesting articles for this topic: With regards to (really) deferring javascript: https://varvy.com/pagespeed/defer-loading-javascript.html With regards to images and lazy loading (without javascript): https://varvy.com/pagespeed/defer-images.html Hope this helps.

Thanks for the links! But I wasn’t posting a question – just some already working code that might maybe help someone looking to do the same thing! As far as I can tell, the code I posted defers images properly (though I do use a library for lazy loading), and no jQuery is involved :slight_smile:. T…

Shortcode for resizing images, lazy loading, AND progressive loading, all in one!

tips & tricks

Topic		Replies	Views
Medium-like lazy loading of images tips & tricks	6	8871	March 10, 2019
Responsive lazy loaded images tips & tricks	5	2761	June 6, 2020
Please help me resize my images support	7	2356	May 14, 2020
Native image lazy loading with Hugo	8	3388	October 18, 2020
How to defer images? support	8	4716	August 5, 2015

Shortcode for resizing images, lazy loading, AND progressive loading, all in one!

Related topics