https://github.com/gavinr/lazy-load-arcgis-js-api-experiments

Experiments in lazy loading the ArcGIS API for JavaScript
https://github.com/gavinr/lazy-load-arcgis-js-api-experiments

arcgis-js-api arcgis-js-api-4 intersection-observer lazy-loading maps performance

Last synced: about 1 month ago
JSON representation

Experiments in lazy loading the ArcGIS API for JavaScript

• Host: GitHub
• URL: https://github.com/gavinr/lazy-load-arcgis-js-api-experiments
• Owner: gavinr
• Created: 2020-03-24T04:12:22.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-03-25T03:35:14.000Z (almost 5 years ago)
• Last Synced: 2024-12-16T22:12:07.747Z (about 1 month ago)
• Topics: arcgis-js-api, arcgis-js-api-4, intersection-observer, lazy-loading, maps, performance
• Language: HTML
• Size: 20.5 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://gavinr.github.io/lazy-load-arcgis-js-api-experiments/paragraphs/2d/control/) | [3D](https://gavinr.github.io/lazy-load-arcgis-js-api-experiments/paragraphs/3d/control/))

  - no lazy loading

- **intersection-observer** ([2D](https://gavinr.github.io/lazy-load-arcgis-js-api-experiments/paragraphs/2d/intersection-observer/) | [3D](https://gavinr.github.io/lazy-load-arcgis-js-api-experiments/paragraphs/3d/intersection-observer/))

  - Lazy Loading with Intersection Observer

## 100 Maps Test

Loading 100 map controls on a single page.

- **control** ([2D](https://gavinr.github.io/lazy-load-arcgis-js-api-experiments/100-maps/2d/control/) | [3D](https://gavinr.github.io/lazy-load-arcgis-js-api-experiments/100-maps/3d/control/))

  - No lazy loading

  - On most browsers last n maps load because only n WebGLRenderingContexts allowed

- **intersection-observer** ([2D](https://gavinr.github.io/lazy-load-arcgis-js-api-experiments/100-maps/2d/intersection-observer/) | [3D](https://gavinr.github.io/lazy-load-arcgis-js-api-experiments/100-maps/3d/intersection-observer/))

  - Lazy Loading with Intersection Observer

- **scroll-stop** ([2D](https://gavinr.github.io/lazy-load-arcgis-js-api-experiments/100-maps/2d/scroll-stop/) | [3D](https://gavinr.github.io/lazy-load-arcgis-js-api-experiments/100-maps/3d/scroll-stop/))

  - Lazy Loading by checking which maps are in view when scrolling stops