[Resolved] Google maps – Defer offscreen images

[Author]

Posts

[pramodk-2]

Hi Team,

While running the site in Page Speed Insights, I have come across one issue which is 'Defer Offscreen Images' for google maps places in my template.

Please run the below page in google page insights and see for the change.

hidden link

Please suggest on how to get rid of 'Defer Offscreen Images' for my page.

Thanks,
Pramod.

[Jamal]

Hello Pramod, and thank you for contacting Toolset support.

The provided page is not available for me, it gives me 404 errors. So, I tried with a different page hidden link

It also gives "Defer offscreen images" recommendations on Google Page Insights. However, that's not something we could fix. It is how the Google Maps API work. As you can see on this screenshot, it is only about the images loaded by Google Maps from Google's servers. hidden link

Only one image comes from Toolset Blocks and it is already very lightweight(8kb), and it is already being lazy-loaded using Javascript, instead of being added to the initial page markup. You can check the page's source code, it does not appear on it:
- Image: hidden link
- Page's source code in chrome browser: view-source:hidden link

In the end, I believe it is worth mentioning some online articles on how to speed up a WordPress website. Hopefully, you will find them useful:
- hidden link
- hidden link
- hidden link
- hidden link
- hidden link

I hope this helps. Let me know if you have any questions.

[pramodk-2]

My issue is resolved now. Thank you!