En marzo de 2024, Google sustituyó la antigua métrica FID (First Input Delay) por la nueva INP (Interaction to Next Paint), completando la tríada definitiva de rendimiento: LCP, INP y CLS. Estas tres siglas determinan si tu sitio web se considera rápido y estable o lento y defectuoso.

1. LCP (Largest Contentful Paint) — El tiempo del contenido principal

El LCP mide cuántos segundos transcurren desde que el usuario hace clic en el enlace hasta que el elemento visual más grande de la pantalla (generalmente una imagen de cabecera o un titular `

`) se dibuja por completo.

• Bueno: Menos de 2.5 segundos (Excelente: < 0.8s).
• Necesita mejora: Entre 2.5s y 4.0s.
• Pobre: Más de 4.0 segundos.

Cómo optimizar el LCP

• Utiliza imágenes en formato WebP o AVIF con dimensiones adaptadas.
• Añade la etiqueta `fetchpriority="high"` a la imagen principal del hero.
• Aloja las fuentes localmente con `font-display: swap`.

2. INP (Interaction to Next Paint) — La respuesta a cada clic

A diferencia de métricas anteriores que solo medían el primer clic, el INP evalúa la fluidez de todas las interacciones que realiza el usuario a lo largo de su visita (abrir menús, desplegar acordeones, escribir en formularios o añadir productos al carrito).

• Bueno: Menos de 200 milisegundos (Excelente: < 50ms).
• Pobre: Más de 500 milisegundos.

3. CLS (Cumulative Layout Shift) — La estabilidad visual

¿Alguna vez has ido a pulsar un botón en el móvil y, justo en ese milisegundo, la página ha dado un salto hacia abajo haciéndote pulsar donde no querías? Eso es un CLS deficiente.

• Bueno: Puntuación inferior a 0.1 (Excelente: 0.00).
• Solución: Reservar siempre el espacio de imágenes y banners con atributos `width` y `height` o la propiedad CSS `aspect-ratio`.

"Optimizar estos tres factores no solo asegura el favor del algoritmo de Google: transforma tu página web en un sistema cómodo y agradable donde comprar o pedir presupuesto es un placer."