Problem with Google Maps Loading

Do you use a plugin to display Google Maps or is this part of your theme? Have you tried excluding it from being deferred?

Maps are part of the theme, and import via Google Maps API

I have not tried excluding it from being deferred. I have read that using async can break your site:

https://kinsta.com/blog/eliminate-render-blocking-javascript-css/

async and defer both can break things, hence the admin screens to exclude stuff ??

if you can provide your URL I’ll be happy to take a quick look.

I deactivated async javascript. But it’s oceilearn.org.

Thanks,

David

OK, but to help I would need;
* the exact URL where google maps is
* any JS error on the browser console when async js is running OR (better) the URL of a non-PROD site where you can leave it in a broken state so I can *see* what is going wrong

So I found the contact page and I see the problem; you’re using a plugin (fusionmaps) which interacts with the google maps JS API, so asyncing (or deferring) google maps will produce errors. you _could_ try to also exclude `
/Avada/includes/lib/assets/min/js/library/jquery.fusion_maps.jsand/Avada/includes/lib/assets/min/js/general/fusion-google-map.js` from Autoptimize and then defer them just like you did google maps itself. not 100% sure this’ll work though; dependencies can be hard ??

frank

• This reply was modified 6 years, 7 months ago by Optimizing Matters. Reason: found it

oh, additionally; do for “defer” not “async”, as the latter does not guarantee the correct execution order.