¿Qué son las Core Web Vitals y cómo se pueden mejorar?

¿Sabías que la experiencia de los usuarios en tu sitio web puede influir en tu posicionamiento en Google? Así es, el gigante de las búsquedas ha creado unas métricas llamadas Core Web Vitals que miden la velocidad, la estabilidad y la interactividad de las páginas web. 

Estas métricas son muy importantes para ofrecer una buena experiencia a tus visitantes y evitar que se vayan a la competencia. Además, desde mayo de 2021, Google las tiene en cuenta para rankear los resultados de búsqueda. 

¿Quieres saber qué son las Core Web Vitals y cómo se pueden mejorar? Entonces sigue leyendo este post y te lo contamos todo. 

Core Web Vitals: Definición de las nuevas métricas

Con las Core Web Vitals lo que Google quiere establecer son nuevos criterios sencillos y aplicables de forma unificada a todos los sitios webs, potenciando así una mejor experiencia web. A continuación, te explicamos los 3 indicadores que se tendrán en cuenta:

Indicador LCP (Largest Contentful Paint)

Mide cuánto tiempo tarda una página web en cargar y cuánto tarda el contenido principal en aparecer una vez que los usuarios hacen clic en un link. Este indicador se mide en segundos y Google los califica de la siguiente forma:

• Si tarda menos de 2,5 segundos es bueno.
• Si la página tarda en cargar hasta 4 segundos quiere decir que necesita mejorar.
• Si el tiempo de carga supera los 4 segundos tendrá una calificación de pobre.

Indicador FID (First Input Delay)

Mide el tiempo que transcurre desde que el usuario interactúa con el sitio web y este responde a esa interacción, por ejemplo, puedes interactuar con la página cuando vas a rellenar un formulario, seleccionar una imagen para ampliarla o hacer clic en cualquier link. Google califica esta métrica de la siguiente manera:

• Si es inferior a 0,1 segundos es bueno.
• Si el tiempo de interacción tarda hasta 0,3 segundos significa que debe mejorar.
• Si tarda más de 0,3 segundos la calificación es pobre.

Indicador CLS (Cumulative Layout Shift)

Con esta métrica se mide la estabilidad visual de la página web. Y te preguntarás, ¿Qué es eso? Pues bien, cuando accedes a la web el contenido se suele cargar en segundo plano para mostrárselo más rápido al usuario, si este proceso está descoordinado los elementos del sitio web saldrán en un lugar erróneo y por lo tanto, perjudicará la experiencia del usuario. La calificación de Google es la siguiente:

• Es bueno si es inferior a 0,1 segundos.
• Necesita mejorar cuando tarda hasta 0,25 segundos.
• Es pobre si tarda más de 0,25 segundos.

Aspectos clave para mejorar las Core Web Vitals

Antes de entrar en detalle, deberás saber que Google no solo se centrará en estas 3 métricas, sino que las complementará con el uso de https, páginas mobile-friendly, velocidad de carga y evitar la utilización de banners molestos.

Para mejorar los indicadores LCP deberás prestar atención a los siguientes aspectos:

• Tiempo de respuesta del servidor, evita que sea lento ya que cuanto más tiempo tarde en responder más tiempo tardará en mostrar el contenido.
• Bloqueos en el proceso de renderizado Javascript y CSS, retrasa cualquier etiqueta Javascript o CSS que no sea esencial para acelerar la carga del contenido principal.
• Optimización de las imágenes, si subes una imagen muy pesada (más de 200kb) la web cargará lentamente. Por ello, antes de añadir cualquier imagen comprímela.

Los elementos que pueden impedir una buena calificación de los indicadores FID son:

• Añadir archivos de Javascript muy pesados, por eso optimiza la forma en la que este archivo se va a ejecutar para reducir el tiempo de carga.
• Tareas largas o “long task”, esto perjudica la carga de tu sitio web así que averigua qué tareas son las que bloquean la carga de html.
• Abusar de script de terceros, aplica solo los que sean esenciales para tu página.

Para mejorar los indicadores CLS deberás considerar las siguientes causas:

• Al igual que ocurre con la métrica LCP, tendrás que optimizar tus imágenes antes de subirlas.
• Contenido dinámico, evita añadir pop-ups sobre el contenido principal de tu página.
• Animaciones excesivas, llenar toda la web de animaciones puede provocar que se produzcan cambios inesperados.

Como ves ambas métricas giran en torno a la velocidad de carga y la experiencia del usuario, por eso, es muy importante prestar atención a estos aspectos para tener una buena calificación de las Core Web Vitals.

En Agencia ékiba te ayudamos a diseñar y mantener tu página web. Contamos con un equipo multidisciplinar capaz de crear sitios webs rentables. ¿Quieres más información? Ponte en contacto con nosotros.