Qué es el CLS y por qué es tan importante
Descubre por qué a veces haces clic en anuncios que no quieres. Hoy repasamos algunos puntos técnicos que ayudan a mejorar la experiencia del usuario y el posicionamiento en buscadores.
3 mins de lectura
Publicado el
Desarrollador Full-Stack y CEO de Root Digital | Experto en CMS Headless | 17 Años de Experiencia
Después del lanzamiento de la nueva web, nos hemos obsesionado con el rendimiento de la misma. Existe una métrica llamada CLS, que ha cobrado mucha importancia en los últimos tiempos, pero ¿sabes realmente lo que es?
Qué es el CLS
CLS corresponde a las siglos de Content Layout Shift, que en español podríamos traducir como cambio en la estructura del contenido, entendiendo por estructura visual o diseño. Su función es medir la estabilidad visual del contenido.
Cómo puedo detectarlo
¿Has leído alguna vez una noticia en un periódico digital, de repente el contenido se ha movido, y no sabías por dónde estabas leyendo?
Esto ocurre cuando se carga un contenido con cierto retardo (de forma asíncrona), y este nuevo contenido tiene unas dimensiones diferentes del que reemplaza. En el caso de los periódicos digitales, suele estar causado por la carga de anuncios que están en rotación, o de la aparición de anuncios nuevos a medida que se hace scroll en la página.
Además de ser molesto e incitar al usuario a abandonar la página, también puede tener implicaciones más serias, y a veces peligrosas. Por ejemplo, puede hacer que hagas clic en un botón que no querías y confirmes una compra en lugar de cancelarla.
Existen casos de uso intencionado de esta técnica para aumentar el porcentaje de clics en anuncios. Aunque no es exactamente el mismo, un ejemplo muy ilustrativo es cuando nos aparece un botón en el que pone "Saltar anuncio en 3, 2, 1..." y a continuación la palabra cambia a "Saltar".
No son pocas las veces que se hace clic a la izquierda del botón y se termina abriendo el anuncio, en lugar de reproducir el vídeo.
He de remarcar que este es un caso meramente visual, pero a continuación podemos ver el ejemplo en una tienda online.
Por qué es importante
Además de las razones de usabilidad y mejora de la experiencia del usuario, las últimas revisiones de Google están considerando estas métricas a la hora de evaluar la calidad de un sitio web, y esto va a afectar directamente a nuestra posición en el ranking.
Según la documentación de web.dev, todo valor por encima de 0.1 necesita algunas mejoras, y valores por encima de 0.25 se consideran "pobres".
En nuestro caso, hemos conseguido un valor de 0.02 según la herramienta Insights de Vercel, y 0.018 según PageSpeed Insights de Google, lo cual puede considerarse como muy bueno.
Si tienes curiosidad por saber cuál es la puntuación de tu sitio web, puedes realizar un test en la misma herramienta PageSpeed Insights de Google.
Y si además tienes alguna pregunta o quieres que realicemos un estudio más completo, o dudes en escribirnos a través de nuestra sección de contacto, estaremos encantados de ayudarte :)