Tagged: color section, lazyload
I have been using color section on each of my pages . They help me retain client as bigger images look good rather than all words . Pagespeed is recommending using lazyload for all images . Rest all are lazy loading due to being in img tag . But color section images are background images . https://web.dev/lazy-loading-images/ shows some code where we can lazy load them too , but i am unable to implement the same . Can anyone help
Hey 7thflow,
Please read this article:
https://web.dev/lazy-loading-images/
Browser lazy loading for background images is not available yet.
Best regards,
Victoria
Dear Victoria,
I tried using of the plugins https://wordpress.org/plugins/lazy-loading-responsive-images/ . It was successfully able to lazy load background images . But it was adding 3 additional js files , which i dont want . I want them to be merged with 1 enfold js file .
Also the plugin is breaking my layout so i cannot use .
This i am suggesting is because color section has big images and they are heavy on website . They look good , no doubt about that . I have gained more visitors due to this . But i want to find a sweet spot where this can be lazy loaded . Can you pass this message to core theme developer . It will help enfold to load faster and help website owners in speed too.
Hi 7thflow,
I passed it on our devs, they will consider the request but it might not be implemented in the nearest future.
If you need further assistance please let us know.
Best regards,
Victoria