Core Web Vitals: La guía definitiva para no perder clientes (ni posiciones en Google)

¿Por qué Google se ha vuelto tan exigente?

Empieza explicando que a Google no solo le importa el contenido, sino la experiencia de navegación. Si una web es lenta o «salta» mientras carga, el usuario se va. Los Core Web Vitals son las métricas que Google usa para medir esa frustración.

¿Alguna vez has entrado en una web y veías que no cargaba y te estabas desesperando? Esto es algo muy habitual, sobre todo en el mundo móvil, donde son más del 60% de las búsquedas globales (Fuente: SimilarWeb) según un estudio realizado por Wearetenet más del 50% de los usuarios de móvil se van de la web si esta tarda más de 3 segundo es cargar, estamos perdiendo más de la mitad de los usuarios de móvil solo porque nuestra web no está optimizada.

Los tres pilares

Para entender como Google clasifica nuestra web debemos entender 3 métricas importantes.

• LCP (Largest Contentful Paint) – La velocidad de carga: Mide cuánto tarda en aparecer el elemento más grande de la pantalla (generalmente una imagen de cabecera o un titular).
  • Objetivo: Menos de 2.5 segundos.
  • Resultados: Una mejora de un 31% en el LCP ha llegado a demostrar hasta un aumento del 8% en ventas según el estudio de Wearetenet
• INP (Interaction to Next Paint) – La capacidad de respuesta: Esta métrica sustituyó al antiguo FID. Mide cuánto tarda la web en reaccionar cuando el usuario hace clic en un botón o menú.
  • Objetivo: Menos de 200 milisegundos.
  • Resultados: Mejoras de 100 milisiegundos en tiempos de respuesta pueden incrementar las ventas en un 8% y hasta un 10% en portales de viajes.
• CLS (Cumulative Layout Shift) – La estabilidad visual: ¿Alguna vez has ido a clicar un botón y, de repente, la página se mueve y terminas clicando un anuncio? Eso es un CLS alto.
  • Objetivo: Una puntuación menor a 0.1.

¿Cómo afecta el Page Speed a tu bolsillo?

Tu página web es una inversión, muchas empresas se gastan una gran cantidad de dinero para crear y mantener una web, por eso debemos tener en cuenta la velocidad de esta, para que deje de ser un sitio bonito y se convierta en una herramienta de conversión

• Menos rebote: Si la web carga en 1 segundo en lugar de 3, la probabilidad de que el usuario se quede aumenta drásticamente.
• Mejor SEO: Google penaliza activamente en los resultados de búsqueda móvil a las webs que no pasan los umbrales de los Core Web Vitals.
• Más conversiones: En el e-commerce, cada décima de segundo cuenta. Una web rápida genera confianza; una lenta genera rabia.

Cómo optimizamos en Ángulo Tres

¿Cómo podemos mejorar nuetros Core Web vitals? Así lo hacemos en Ángulo Tres

• Optimización de imágenes: Formatos de nueva generación como WebP o AVIF. Estos pesan mucho menos que los formatos como JPG y PNG, ofreciendo una carga más rápida.
• Carga diferida (Lazy Loading): No cargar lo que el usuario aún no ve. No hace falta cargar toda la web de golpe, cargamos el Hero y el Header primero mientras lo que no aparece aun en pantalla dejamos que se cargue después.
• Minificación de código: Limpiar el CSS y JS sobrante que ralentiza el navegador. Una web es un lector de texto, si eliminamos saltos y contenido que no se está usando esto acelera la web.
• Hosting de alto rendimiento: La importancia de tener servidores locales y optimizados. Si tu hosting tarda en responder a las peticiones da igual como de optimizado estén tus imágenes o tu código, siempre se sentirá lenta porque tu hosting tarda 2 segundo en procesar una petición, un click o una nueva busqueda.

Herramientas para medir tu web hoy mismo

Existen muchas herramientas para ver el rendimiento de tu web, aquí te dejamos algunas.

1. Google PageSpeed Insights: La fuente oficial.
2. GTMETRIX: Para un análisis más visual. Tienes que crearte una cuenta y tienen suscripciones de pago para más información.
3. Search Console: Para ver cómo rinde todo el dominio a ojos de Google. También te notifica cuando tienes url lentas.