Exprimiendo cada milisegundo: patrones de rendimiento en Nuxt 4

El pipeline de renderizado de Nuxt 4 te ofrece un control más granular del que la mayoría de los equipos realmente aprovecha. Los modos de renderizado a nivel de ruta — estático completo, híbrido o renderizado en servidor — deberían ser una decisión deliberada por página, no un valor global que se deja sin tocar.

La entrega de imágenes suele ser la palanca de rendimiento individual más importante en sitios de marketing. Combinar Nuxt Image con formatos modernos (AVIF primero, con WebP como respaldo) y un dimensionamiento explícito reduce sistemáticamente a la mitad el Largest Contentful Paint en comparación con etiquetas de imagen sin optimizar.

Para páginas cargadas de componentes, la hidratación diferida (lazy hydration) importa más que el code splitting por sí solo. Retrasar la hidratación de componentes interactivos que están debajo del pliegue hasta que estén cerca del viewport mantiene bajo el Time to Interactive sin sacrificar la interactividad.

Nada de esto reemplaza la medición. Cada proyecto que entregamos incluye un presupuesto de rendimiento aplicado en CI — si un pull request hace que Lighthouse caiga por debajo del umbral acordado, no se fusiona.