Qué son las Core Web Vitals y cómo optimizarlas

La experiencia de usuario y la velocidad de carga son dos componentes fundamentales para cualquier web, y las Core Web Vitals de Google son una señal más.

Con las Core Web Vitals lo que se pretende es estandarizar unos criterios sobre la usabilidad y la rapidez de carga en las páginas.

¿Quieres conocer más sobre ello y conseguir la mejor web posible?

¿Qué son las Core Web Vitals?

Las Core Web Vitals son una serie de factores específicos que Google considera relevantes a la hora de ofrecer una buena experiencia de usuario a los visitantes de una web.

Son tres las medidas específicas que acabarán puntuando para posicionarte en los buscadores:

• LCP (Largest Contentful Paint).
• CLS (Cumulative Layout Shift).
• FID (First Input Delay).

Estos tres conceptos son los que Google tiene en cuenta para tratar de mejorar la experiencia de usuario desde la velocidad de carga de nuestras páginas.

La experiencia de usuario es en sí misma un concepto subjetivo, pero a Google le gusta tenerlo todo controlado; es por ello que utiliza estas métricas para establecer una “nota” de usabilidad a nuestros sitios web en función de la velocidad y de la estabilidad visual de la página durante la carga.

Cuantas más facilidades y mejor experiencia le brindemos a los usuarios, mejor posicionados estaremos a ojos de Google.

Largest Contentful Paint (LCP)

Esta medida controla el tiempo que tarda una página en cargarse desde el punto de vista de un usuario real que accede a tu web.

Para que nos entendamos: es el tiempo que pasa desde que se hace clic en un enlace hasta que se ve el contenido en pantalla.

LCP se enfoca en lo que es importante a la hora de la velocidad de las páginas: poder ver el contenido e interactuar con él.

Esta métrica puedes obtenerla gratis utilizando la herramienta de Google PageSpeed Insight.

Además de obtener el resultado, la herramienta también te proporciona los aspectos de mejora que puedes aplicar para aumentar los resultados de este factor.

Del mismo modo, el propio Search Console, en el apartado de ‘Experiencia’ → ‘Métricas web principales’, también te ofrece si existe algún tipo de conflicto con el LCP en alguna URL.

Como puedes ver, Google categoriza las URL’s en tres áreas:

• Buenas.
• Malas.
• Necesitan mejorar.

En este sentido, para que el Largest Contentful Paint sea adecuado, todas las páginas deberían cargarse en menos de 2,5 segundos. Algo que puede ser complicado en webs con muchas URL’s o con mucho contenido audiovisual.

Algunos consejos para mejorar el LCP de tu site son:

• Eliminar secuencias de comandos de terceros innecesarios.
• Actualizar el servidor web.
• Configurar la carga diferida del site.
• Eliminar elementos de páginas grandes.
• Minimizar el CSS.

▶️ Seguro que te interesa→ Cómo mejorar el WPO en WordPress

CLS (Cumulative Layout Shift)

El CLS mide lo que se denomina estabilidad visual. Tranquilo/a, vamos a explicar un poco más.

El Cumulative Layout Shift analiza si los elementos de tu página se mueven mientras se carga la página. En caso afirmativo, tendrá un CLS alto, lo que es negativo.

La clave será conseguir que todos los elementos de tu site sean estables en la medida en la que se cargan. De este modo, los usuarios no tendrán que volver a buscar determinados elementos (imágenes, campos, enlaces…), o que hagan clics por error.

El CLS se clasifica por: bueno, malo o necesita mejorar.
En los casos que el Cumulative Layout Shift necesita mejorar, algunas acciones básicas que puedes realizar son:

• Usa dimensiones de atributos de tamaños para cualquier elemento multimedia (vídeos, imágenes, infografías, GIFs…)
• Asegúrate que los anuncios de tu página (en caso de haberlos), tienen espacios reservados.
• Añade nuevos elementos de la interfaz de usuario debajo del pliegue.

El CLS, para que sea considerado ‘bueno’, ha de estar por debajo de 0,1.

FID (First Input Delay)

El último de los aspectos a tener en cuenta en las Core Web Vitals. El FID hace referencia a la capacidad de interactuar rápido con el site, o la responsividad de la página.

Exactamente, el FID mide el tiempo que tarda un usuario en interactuar en la web. Y por interacción podemos entender:

• Elegir una opción de un menú.
• Hacer clic en un enlace de navegación.
• Poner el email en un campo de la web.
• Abrir texto de acordeón en un dispositivo móvil.

Como el FID mide el tiempo que tarda en pasar algo en una página web, supone una puntuación clave en la velocidad de la página.

Si tienes una web que se centra en su mayoría en el contenido, el FID raramente sea un problema.

Para que el FID sea considerado bueno por Google, este debe estar por debajo de 0,1 segundos.

La clasificación es la misma que el resto de factores (buena, mala, necesita mejorar). Y, en el caso de tener que mejorar el FID, algunas acciones que podrían ayudarte son:

• Minimizar Javascript.
• Usar una caché de navegador.
• Eliminar secuencias de comandos de terceros que no sean relevantes.

¿Por qué son tan importantes las Core Web Vitals?

La idea de Google es utilizar las Core Web Vitals como un factor de clasificación más, por lo que supone un elemento más a tener en cuenta en el posicionamiento SEO.

La experiencia de la página se une, de este modo, a otros aspectos que Google considera importante en cuanto a experiencia de usuario como:

• Webs con protocolo HTTPS.
• Webs responsive.
• Carencia de ventanas emergentes.
• Navegación segura.

Ten en cuenta que una buena puntuación de tu web en las Core Web Vitals no garantiza las primeras posiciones de Google; sino que se deben complementar con el resto de factores SEO (contenido de calidad, uso adecuado de keywords, link building, interlinking…).

No obstante, cuanto más trabajes este apartado y mejor puntuación tengas, mejores resultados acabarás obteniendo.

¿Cómo medir las Core Web Vitals de mi web?

Las herramientas oficiales de Google quizá se nos quedan un poco cortas si queremos realizar un análisis completo del estado de las Core Web Vitals de nuestro sitio web.

Existen multitud de herramientas para analizar estas métricas en nuestras páginas; las más conocidas y utilizadas son PageSpeed Insights, GTMETRIX o el propio Google Search Console, pero si buscamos un análisis algo más exhaustivo podemos utilizar la herramienta de WebPageTest.

Mediante esta herramienta podremos analizar el WPO, obtener recomendaciones de usabilidad, de optimización de imágenes, datos sobre la carga de archivos y peticiones al servidor en nuestro sitio web, etc.

También podremos obtener información más técnica sobre lo que ocurre realmente durante la carga de nuestras páginas, por lo que tendremos la opción de ver cuáles son los archivos que retrasan la carga y obtener recomendaciones para optimizarla.

Para usarla recomendamos establecer en los ajustes (avanzados) antes del testeo, un servidor cercano al alojamiento de nuestro sitio web, en caso de España, elegimos Londres o París.

Una vez realizado el test seleccionado podremos navegar por diferentes pestañas que nos ofrecen información variada acerca del estado técnico de la carga de nuestra página.

Al realizar los cambios en los archivos de nuestra página, podremos volver a ejecutar el test e ir realizando pruebas para obtener una configuración adecuada.

Cuando hablamos de velocidad de carga y estabilidad visual de una página web, debemos tener en cuenta que las modificaciones de un punto pueden afectar al otro; es decir, normalmente cuando llevamos a cabo cambios en los archivos .js de nuestra página (o posponemos su carga), la parte visual de la misma puede verse afectada. Por lo tanto, cada dominio requiere un análisis específico para elegir las optimizaciones de forma adecuada.

¿Quieres conseguir que tu web esté perfecta de cara a los usuarios y los motores de búsqueda? En agenciaSEO.eu podemos ayudarte con tus objetivos de negocio online.

¿Hablamos?