Greetings!
I need to disable lazy-loading for some images on my site.
I tried turning off lazy-loading in the account settings (never / below the page fold options), but it just didn’t work at all.
Can you tell me if there is a tool to select the loading attribute value in the visual editor or somewhere else?
Hey @alyzhin, and thank you for contacting Builder.io Forum!
Unfortunately, We don’t have a visual option to toggle lazy loading for each image. However, already created a Jira ticket for the same.
You can try to disable lazy loading under advanced settings as Never first and then set lazy loading for individual images using our JSON view as a false value(command+E on the element).
or you can use javascript to remove lazy loading from any specific image e.g.
let image = document.getElementsByClassName('class-name');
image[0].removeAttribute('loading');
Feel free to let us know if you have further questions!
Thank you! This is exactly what I was looking for!
Using CSS is preferable, and I’ve used to it to reduce JS script.