Core Web Vitals: CLS mejorado
El CLS (Cumulative Layout Shift) es una nota que determina el nivel de estabilidad visual del sitio. Este es uno de los indicadores clave de rendimiento definidos por Google como una de las señales web esenciales (Core Web Vitals).
Esto significa que al buscar optimizar la nota CLS, no solo mejoraremos la experiencia del usuario (los visitantes no agradecen tener un sitio que carga saltando o cambiando el tamaño de las imágenes), sino que también optimizaremos su SEO.
Esta nota es independiente para cada tipo de página, por lo que nuestro cliente Limited Resell necesitaba una optimización de la puntuación CLS sobre la página de inicio pero también sobre las páginas productos. El objetivo es ganar en comodidad de navegación y aprovechar para mejorar la indexación.
Se han realizado diversas acciones para reducir al máximo los saltos o desplazamientos visuales y los redimensionamientos de las imágenes.
El resultado no solo es visible directamente sobre los resultados de GTMetrix sino también en la navegación en el sitio, como podemos ver en el video a continuación.
|
ANTES de la intervención sobre las fichas productos
DESPUÉS de la intervención sobre las fichas productos
|
| antes de | después | |
| Grado de rendimiento |
19 / 100
|
83 / 100
|
| CLS mejorado | 1.13 | 0 |