Learning on Web Dev Open is free for all.

Immersive Web > Geometry, assets, and not shipping 40MBLoading states for something that weighs eight megabytes
Phase 07Geometry, assets, and not shipping 40MB352 of 434

Loading states for something that weighs eight megabytes

A progress bar is the least interesting answer. Show something instantly, load in priority order, and never block the first paint on the hero model.

Build35 minAI pair

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Order asset loading by what the user sees first
  • Render a meaningful poster or low-detail state immediately
  • Handle a load that fails without a blank canvas
Ask the community

Loading…