When I perform Lighthouse test, it says that I should Defer offscreen images to speed up my site. I don't know how to do that.
I noticed that in code some <img> are lazyloaded (portfolio and blog) and some are not (images on homepage). Is there any option to lazyload all images? Or lazyload some specific images?
These images are loaded from Google Maps JavaScript SDK so its their implementation and we cannot change it, and by considering that this is a library from Google and they know the best practices I guess there is no other way for that to be more efficient.
You can defer loading of JavaScript file however these images its not possible to change their loazyload attribute value.
Is it possible to AND to defer google map? (Defer offscreen images of google map.)
Hi,
In what way do you mean to defer google map? Do you mean until user scrolls to the map element, then map initializes?
When I perform Lighthouse test, it says that I should Defer offscreen images to speed up my site. I don't know how to do that.
I noticed that in code some <img> are lazyloaded (portfolio and blog) and some are not (images on homepage). Is there any option to lazyload all images? Or lazyload some specific images?
How can i lazyload whole google map?
Hi vv_web,
These images are loaded from Google Maps JavaScript SDK so its their implementation and we cannot change it, and by considering that this is a library from Google and they know the best practices I guess there is no other way for that to be more efficient.
You can defer loading of JavaScript file however these images its not possible to change their loazyload attribute value.