Use Intersection Observer To Lazy Load Dynamic Elements (maps or videos) When They Come Into View

View on website:
scottsweb.dev/lazy-load-maps-...
For pagespeed scores, a faster website, and better user experience, use intersection observer to determine when a dynamic element comes into the viewport. You can style a placeholder and then swap it out for the real thing.
Using this method, your page will be faster, and elements will only load when they're actually needed.
In this example, I dynamically load a google map with intersection observer in javascript.