Rendimiento
Axel Obscura
2 min de lectura
Un sitio lento cuesta clientes. Google mide la experiencia real de tus visitantes con tres indicadores, las Core Web Vitals: qué tan rápido aparece el contenido principal, qué tan rápido responde la página al interactuar y qué tan estable se mantiene mientras carga. Desde 2024 la interactividad se mide con INP, una métrica más exigente. Te explicamos cada una y cómo mejorarlas.
¿Qué son las Core Web Vitals?
Son tres métricas con las que Google evalúa la experiencia de carga, interactividad y estabilidad de una página. Se calculan con datos de visitantes reales que usan Chrome y forman parte de las señales de experiencia de página que Google toma en cuenta. Más allá del posicionamiento, un sitio rápido retiene mejor a sus visitantes y convierte más.
Las tres métricas
- LCP (Largest Contentful Paint): cuánto tarda en mostrarse el elemento principal, como una imagen o un titular. Lo recomendable es 2.5 segundos o menos.
- INP (Interaction to Next Paint): cuánto tarda la página en responder visualmente a clics, toques y teclas. Lo recomendable es 200 milisegundos o menos.
- CLS (Cumulative Layout Shift): cuánto se mueven los elementos mientras carga la página. Lo recomendable es 0.1 o menos.
Una página aprueba cuando al menos el 75 % de las visitas cumple los tres valores. En marzo de 2024, INP sustituyó a FID como métrica de interactividad porque mide todas las interacciones de la visita y no solo la primera.
Cómo medirlas
- PageSpeed Insights: datos reales de tus usuarios y un diagnóstico de laboratorio con recomendaciones.
- Google Search Console: el informe de Core Web Vitals agrupa las páginas de tu sitio que necesitan atención.
- Las herramientas para desarrolladores de Chrome, para encontrar exactamente qué script o imagen causa el problema.
Mejoras que más impacto tienen
- Imágenes en formatos modernos (WebP o AVIF), con el tamaño correcto y carga diferida fuera de pantalla.
- Precargar la imagen o fuente principal para acelerar el LCP.
- Reducir y dividir el JavaScript, y retrasar los scripts de terceros que no son esenciales.
- Reservar espacio para imágenes, anuncios y banners para evitar saltos de contenido.
- Hospedaje con CDN y caché para servir las páginas desde un servidor cercano a tus visitantes.
Cómo te ayudamos en AZUL MX
Auditamos tu sitio con datos reales, priorizamos los cambios que más mejoran la experiencia y los implementamos. Nuestros sitios nuevos se construyen desde el inicio para cumplir las Core Web Vitals en móviles y computadoras.