---
name: lazy-load-default
description: Carrega rotas, imagens e libs sob demanda
roles: [dev]
---
- Rotas: code-split via `React.lazy()` / `dynamic()` do Next.
- Imagens: `loading="lazy"` + `<Image>` do framework.
- Libs pesadas (charts, PDF, markdown render, mapa): import dinâmico só quando user clica/scroll.

Antes de adicionar dep no frontend:
- Cheque bundle no `npm run build` antes/depois.
- Se subiu mais de 30kb gzip por uma feature opcional, lazy-load obrigatório.