Hello, I'm really happy with the speed of our site. But what keeps bugging me, is that Google PageSpeed keeps suggesting to defer offscreen images (or, in other words, to lazy-load images).
I thought Kalium comes with lazy load, right? So do I need to activate this somewhere, e.g. for each page?
Or would you recommend using an additional lazy-load plugin?
Our theme includes a image lazyloading mechanism which is widely used for all theme components, if you check the source code you will see that images have data-src attribute instead of src, this means that images are loaded once they are close or in the viewport. See this video what I mean:
This is the page that triggers the Google warning: https://beige.company/home-2/ (it's work in progress). Note that the warning is only for the Mobile site (Desktop is fine).
The WPBakery team haven't implemented lazy loading for these elements nor other gallery elements. It would be a good idea to ask them in their forum how to achieve that:
Hello, I'm really happy with the speed of our site. But what keeps bugging me, is that Google PageSpeed keeps suggesting to defer offscreen images (or, in other words, to lazy-load images).
I thought Kalium comes with lazy load, right? So do I need to activate this somewhere, e.g. for each page?
Or would you recommend using an additional lazy-load plugin?
Hi signeralex,
Our theme includes a image lazyloading mechanism which is widely used for all theme components, if you check the source code you will see that images have data-src attribute instead of src, this means that images are loaded once they are close or in the viewport. See this video what I mean:
https://d.pr/v/AVGyMp
On the other side, there may be a plugin that includes images in traditional way and so thats why the Google shows those issues.
Can you tell me for which part of the site or images Google is reporting that image lazy loading is missing.
Thanks for getting back, Arlind.
This is the page that triggers the Google warning: https://beige.company/home-2/ (it's work in progress). Note that the warning is only for the Mobile site (Desktop is fine).
Also, I don't see the data-src attribute.
Any thoughts?
Thanks,
Alex
Hi Alex,
I have checked the code and saw that the image is being used from WPBakery Single Image Element:
(view large image)
The WPBakery team haven't implemented lazy loading for these elements nor other gallery elements. It would be a good idea to ask them in their forum how to achieve that:
https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431/comments