Core Web Vitals con Next.js: performance que convierte visitas en PR
LCP, INP y CLS en sitios Next.js desplegados desde PR. Optimizaciones que Smashing Magazine recomienda y clientes notan.
Agencias en San Juan y Miami construyen sitios Next.js para clientes boricuas — hoteles, clínicas, servicios profesionales — pero despliegan sin medir Core Web Vitals. Smashing Magazine lleva años insistiendo: performance es UX y SEO; Google usa LCP, INP y CLS como señales de ranking. Un sitio lento en móvil 4G en Condado pierde leads aunque el diseño sea bonito.
LCP en Next.js: use next/image con priority en hero, preload de fuentes críticas, y evite sliders pesados above-the-fold. App Router permite streaming — envuelva componentes lentos en Suspense con skeleton. Para hosting en Vercel desde PR, edge caching ayuda; para AWS CloudFront, configure cache policies explícitas en rutas estáticas.
INP (Interaction to Next Paint) reemplazó FID — reduzca JavaScript en cliente, use Server Components donde posible, y divida handlers largos. Bruce Schneier no escribe sobre Web Vitals, pero el principio de superficie mínima aplica: menos JS es menos XSS y mejor INP. Audite bundles con @next/bundle-analyzer trimestralmente.
CLS: dimensiones explícitas en imágenes y embeds, no inyecte banners sin reservar espacio. Fonts con font-display: swap y size-adjust. OWASP no cubre CLS, pero layout estable reduce bounce en formularios de contacto — directamente revenue para PYMES turísticas.
Mida en field data: Vercel Analytics, Google Search Console, o RUM con Sentry. Objetivo pragmático para sitios corporativos PR: LCP < 2.5s en p75 móvil caribeño. Performance no es sprint de launch; es disciplina de cada PR que toca imágenes o scripts.
Operaciones y ejecución — conecta estrategia con lo que el equipo entrega cada semana.
