Performance

Performance es conversion. Aprende prioridades: reduce JS, optimiza imagenes y evita render bloqueante.

Conceptos clave

• Server components por defecto
• next/image (cuando aplica)
• Evitar animaciones pesadas sin reduced-motion

Ejemplo

Regla: si algo es decorativo, que no sea JS pesado.

Ejercicio

• Revisa 1 pagina y elimina una dependencia client innecesaria.
• Agrega soporte a prefers-reduced-motion (si hay animaciones).

Checklist de mastery

• Uso server-first.
• Pienso performance como feature.