GuíaIntermedio

Guía de Performance y Despliegue Fullstack

Aprende a hacer una app frontend rápida y a desplegarla a producción: qué significa "rápido" de forma medible con los Core Web Vitals (LCP, INP, CLS), las estrategias de renderizado (CSR, SSR, SSG, ISR) y dónde corre cada pieza de código, el critical rendering path y qué bloquea la primera pintura, el costo real del JavaScript (bundle, code-splitting, lazy loading, re-render), imágenes y assets con formatos modernos y caché HTTP, cómo medir y perfilar con Lighthouse y el panel Performance, y el despliegue mismo: build de producción, hosting, variables de entorno, CDN/edge, CI/CD y rollbacks. El eje es medir antes de optimizar: la performance no es magia ni micro-trucos, es un presupuesto que se mide, se diagnostica y se defiende. Cada módulo ejecuta en Node.js un modelo de la métrica o el mecanismo en juego —scoring de Web Vitals, tamaño de bundle con code-splitting, tiempo al primer render, decisiones de caché HTTP, ahorro de bytes en imágenes, un presupuesto de performance— para verificar el razonamiento con números, no con intuición. El hilo conductor es el storefront de Mercado: se mide su baseline, se optimiza (code-split del carrito, imágenes en AVIF con `srcset`, caché de assets, critical path), se cumple un presupuesto, y se despliega. Cierra el ecosistema Fullstack de NIEVA, apoyándose en la Guía de Sistemas de UI e Implementación de Diseño.