React Code Splitting

When developers build a massive application, downloading the entire website at once makes it load very slowly. Code splitting tells React to only download the code for the specific page the user is currently viewing, speeding up load times significantly.

1/* this delays loading a component */
2import { lazy, Suspense } from 'react';
3const HeavyChart = lazy(() => import('./HeavyChart'));
4
5<Suspense fallback={<div>Loading chart...</div>}>
6  <HeavyChart />
7</Suspense>