Avisos
Vaciar todo

Métrica de google Cumulative Layout shift (CLS)  

 
Alfonso
 Alfonso
Nuevo usuario

Buenos días.

Desde hace un par de meses mi web está perdiendo posiciones y coincide con la aparición en google search console de las nuevas métricas Core Web Vitals, ya que me han aparecido muchas urls con resultados pobres en la métrica CLS.

He optimizado todo lo que he podido e incluso tengo un resultado en pagespeed de 85 en móvil y 92 en el ordenador. Pero en el pagespeed la métrica para ordenador de CLS sale 0,562 y para móvil sale 0 en datos de experimentos y 0,87 en datos de campo.

En qué se diferencian todos estos valores distintos de CLS y cuál sería el que me sirve realmente. Por otro lado me he descargado una extensión de google para medirlo (web vitals) y me sale el CLS siempre en rojo y disparado.

Es evidente que mi web falla en el CLS.

¿Cómo puedo comprobar el elemento o elementos que producen el fallo y solucionarlo y mejorar la métrica CLS?

Gracias y saludos.

Citar
Respondido : 22/06/2020 10:39 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alfonso,

Los CLS es un algoritmo que detecta movimientos inesperados dentro del contenido de tu sitio web, mide la suma total de todas las puntuaciones de los cambios de diseño individuales para cada cambio de diseño inesperado que ocurre durante toda la vida útil de tu página.

Por ejemplo si alguien ingresa a tu sitio web y intenta hacer clic en algún botón pero este se mueve y terminar haciendo clic en otra sección, esto generalmente se da porque los recursos se cargan de forma asincrónica o los elementos DOM se agregan dinámicamente a la página sobre el contenido existente. Esto puede ser una imagen, un video o algún widget.

Para medir estos elementos tienes las herramientas de google como

-> https://developers.google.com/speed/pagespeed/insights/

-> https://support.google.com/webmasters/answer/9205520

-> https://developers.google.com/web/tools/chrome-user-experience-report

También puedes verificarlo dentro de estas herramientas

-> https://developers.google.com/web/tools/chrome-devtools/

-> WebPageTest

En este articulo puedes leer información más detallada sobre CLS -> Contenido solo visible a usuarios registrados

Un Saludo

ResponderCitar
Respondido : 22/06/2020 1:35 pm