Implement lazy loading and code splitting to reduce initial bundle size and improve load times. Activate whenever the user works on bundle optimization, asks about code splitting, implements dynamic imports, uses React.lazy or Suspense, sets up route-based splitting, or optimizes image loading with intersection observer.
Receba novas skills de DevOps e Infra toda segunda
1 email curto, só com as skills novas de DevOps e Infra. 4 minutos de leitura, sem spam, cancela com 1 clique.
Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.
Ler descrição completaRecolher descrição
Lazy Loading Patterns
Load code and assets only when needed. Reduce initial bundle size to improve Time to Interactive and First Contentful Paint. Split by route, by component, and by visibility.
When to Use
Initial page load is slow due to large JavaScript bundle
Components are below the fold or behind user interaction
Routes have heavy dependencies not needed on every page
Images or media dominate page weight
Third-party libraries are used on specific pages only
Core Patte
[Description truncada. Veja o README completo no GitHub.]
