LA LISTA DE VERIFICACIÓN DE CWV
La lista de verificación de 12 elementos que ejecuto antes de declarar cualquier sitio o plantilla listo para lanzar. Concreta, breve y diseñada para uso real.
Por qué funcionan las listas cortas
Las listas largas nunca se usan. La lista de verificación de Core Web Vitals que funciona es lo suficientemente corta para que un ingeniero pueda ejecutarla antes de hacer push a producción sin sentir que es una tarea tediosa. La mía tiene doce elementos.
Los sitios que pasan los doce elementos al lanzar rara vez tienen problemas de CWV en producción. Los sitios que omiten tres o cuatro eventualmente fallan en el percentil 75 y el equipo se apresura a arreglarlo después de que Google lo ha notado.
Los 12 elementos
1. La imagen hero se precarga con link rel=preload as=image en el head.
2. Las imágenes above-the-fold tienen atributos explícitos de ancho y alto, para que el layout reserve espacio antes de cargar.
3. Formato WebP, calidad 82, redimensionadas a las dimensiones reales de renderización antes de subir.
4. CSS crítico inlined en el head, el resto diferido a carga asincrónica.
5. Web fonts auto-alojadas con font-display: swap.
6. JavaScript inicial menor a 100KB en cada página pública.
7. Scripts de analytics, marketing y social pixels todos diferidos.
8. Las columnas de CSS Grid usan minmax(0, 1fr) en lugar de 1fr para evitar desbordamiento con contenido largo.
9. Renderización estática donde el contenido lo permite.
10. Cloudflare o CDN equivalente al frente del origen.
11. Datos de campo medidos semanalmente vía Search Console > Core Web Vitals.
12. El linter SEO en tiempo de compilación falla la construcción ante regresiones.
Cómo usarlo realmente
Revisa la lista manualmente antes de cualquier lanzamiento importante. Para trabajo de ingeniería continuo, automatiza los elementos 6, 8, 11 y 12 en CI; el resto son verificaciones a nivel de plantilla que ocurren en tiempo de diseño y rara vez retroceden.
Cuando CWV retrocede en producción, la regresión casi siempre se traza a uno de estos doce elementos siendo silenciosamente violado. El flujo de diagnóstico es: revisar la lista, encontrar la violación, corregirla, esperar 28 días para que CrUX se actualice, confirmar.