how to add lazy loading in img tag

Developer Support CMS Development
1

in my website theme, there is no option for adding lazy loading in the img tag so i want know that can we add lazy loading in this situation and it is not custom module. Its also in a theme
image gallery section
here is link:Edit Page | Product Page (Clone) (hubspot.com)

2

Hi PSharma56,

As I can’t see the code (the link leads to the editor and I don’t have access to you account), I can only send you the link to some techniques you can use: Browser-level image lazy loading for the web  |  Articles  |  web.dev

Hope, this helps at least a bit.

Kind regards,

Jaqueline

3

Hi @PSharma56,

if it’s a custom module you can search for it in the design-tools and enable the option like this:

Anton_0-1661840767207.png
Anton_0-1661840767207.png301×836 25.3 KB

Note: If it’s a module from a theme or marketplace you’ll need to clone it first to be able to modify it

if it’s an image which is getting loaded as a background-image there are JS solutions out there BUT: Don’t use lazy loading on images which are “above the fold”, it’s not good for performance

Also - here’s a complete guide on different lazy loading techniques

best,

Anton