1. Import lazy and Suspense from React

2. Use the lazy function to import components to be lazily loaded

3. Wrap routing components in Suspense + Fallback

  • Note that fallback wrapped components are displayed when lazily loaded components cannot be displayed. Therefore, lazily loaded components cannot be used.

Lazy loading can be tested by slowing down browser access