Lazy Load ArcGIS JS API Experiments

Experiments in lazy loading the ArcGIS API for JavaScript to get faster page loads.

Paragraphs Test

Long page of text with four maps interspersed throughout.

• control (2D | 3D)
  • no lazy loading
• intersection-observer (2D | 3D)
  • Lazy Loading with Intersection Observer

100 Maps Test

Loading 100 map controls on a single page.

• control (2D | 3D)
  • No lazy loading
  • On most browsers last n maps load because only n WebGLRenderingContexts allowed
• intersection-observer (2D | 3D)
  • Lazy Loading with Intersection Observer
• scroll-stop (2D | 3D)
  • Lazy Loading by checking which maps are in view when scrolling stops