Checklist para lanzar una web rápida (Core Web Vitals)

Google ha dejado claro que la experiencia de usuario (Page Experience) es factor de ranking. Una web lenta te cuesta visitas y dinero.

Usa este checklist antes de hacer "Go Live":

1. Imágenes Next-Gen (WebP/AVIF)

Olvida el PNG y JPG estándar para fotos.

• Usa formatos modernos como WebP o AVIF.
• Define siempre width y height explícitos para evitar CLS (Cumulative Layout Shift).

2. Carga Diferida (Lazy Loading)

No cargues las imágenes del footer si el usuario apenas entró al header.

• En HTML nativo: loading="lazy".
• En React/Next: El componente <Image /> lo hace automático.

3. Minificación de Assets

Tu código debe ir comprimido.

• HTML, CSS y JS deben estar minificados (sin espacios ni comentarios).
• Habilita compresión Gzip o Brotli en tu servidor.

4. Fuentes Web Optimizadas

Las fuentes son pesadas.

• Usa font-display: swap para que el texto sea visible mientras carga la fuente bonita.
• Limita las variantes (no cargues Bold, Italic, Light si no las usas).

5. Caché agresivo

Configura las cabeceras Cache-Control para que el navegador del usuario guarde recursos estáticos por un año (max-age=31536000).

Herramientas de medición

No adivines. Usa:

1. PageSpeed Insights: Para ver datos de campo reales.
2. Lighthouse: Para auditoría de laboratorio local.

En Kurogrid, no "optimizamos" webs después de hechas; las construimos rápidas desde el núcleo con arquitecturas modernas. Ver Demo de Velocidad.