TheRusskiy / google-maps-optimizations

A list of tricks to optimize google maps script with working code demos

Google Map optimization techniques

• Using Intersection Observer
• Using Google Static Map instead of a dynamic map
• Prevent map from loading fonts
• Using Static Map placeholder and loading a dynamic map on click

Seeing demos in browser

REACT_APP_MAPS_KEY=<YOUR_KEY> yarn start

Blogpost: https://www.dmitry-ishkov.com/2021/05/faster-google-maps-load-times.html