Pro y despliegue

Nivel 27: Optimización

Objetivo

Carga bajo demanda las rutas pesadas con fallback de loading.

En este nivel aprenderás

Optimizas la carga con React.lazy y Suspense: Login y Admin se descargan solo al visitar esas rutas (code splitting). Reducirás el bundle inicial y mejorarás el tiempo de carga de la home.

Pasos a completar (0/6)

• 1Paso 1La página carga sin errores▾
• 2Paso 2LoginPage con React.lazy▾
• 3Paso 3AdminPage con React.lazy▾
• 4Paso 4Routes envueltos en <Suspense>▾
• 5Paso 5Fallback visible mientras carga la ruta▾
• 6Paso 6Las rutas lazy cargan sin error▾