Jquery add loading=lazy to all images

Question

I have a bigger webpage and it would take days to add the loading=lazy attribute to all img tags on my site. Is it useful to use something like $('img'). attr('loading', 'lazy') (does this work?) to the site, or will it just make the site more slower?

YES it works and you can speedup your loading speed. Just check your loading speed by something using like www.gtmetrix.com and then add lazy loader and then check the speed again. Because I do this and its effective — Nipun Tharuksha
– Nipun Tharuksha, Commented Aug 16, 2019 at 5:39

mfranzke · Accepted Answer · 2019-08-21 11:56:48Z

2

It doesn‘t necessarly have the expected effect - if you‘re adding the attributes via JavaScript, the page itself has already been parsed by the browser and their preloading scripts as well and all of those images would be been put to the download queue, as if the attribute wouldn‘t have existed on them.

So I would heavily recommend to add those attributes within the source code itself already.

answered Aug 21, 2019 at 11:56

mfranzke

1313 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery add loading=lazy to all images

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related