Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Performance
¿Qué es CLS y por qué cambian los contenidos cuando se carga un sitio web?
CLS (Cumulative Layout Shift) mide cuán fuerte cambian los contenidos de una página durante la carga. Google evalúa un valor hasta 0,1 como bueno, por encima de 0,25 como malo. Todos conocen el efecto: desea tocar un enlace, en el último momento, una imagen que se carga empuja todo hacia abajo, y el dedo toca el anuncio de al lado. Exactamente estos cambios son lo que suma el CLS.
Los cambios de diseño socavan la confianza y conducen a clics errados
Un cambio ocurre cuando un elemento reclama su espacio solo después de que la página ya se ha mostrado: una imagen se carga sin espacio reservado, un banner de anuncio se desliza entre el título y el texto, una fuente cargada posteriormente cambia la altura de la línea. Para los visitantes, se siente como si la página tuviera un contacto deficiente. La consecuencia práctica son clics errados: el dedo apunta a "Cancelar" y toca "Comprar" porque los botones se han desplazado en el último momento. El CLS suma todos estos cambios en la construcción de la página a un número único; cuanto mayor sea el área desplazada y cuanto mayor sea el cambio, mayor será el valor.
Los umbrales de Google: 0,1 bueno, a partir de 0,25 malo
A diferencia de los valores de tiempo, el CLS no tiene unidad; es un número de proporción del área desplazada y la distancia del cambio. Hasta 0,1 se considera bueno, hasta 0,25 como que necesita mejora, por encima de eso como malo. Una página cuyos contenidos no cambian en absoluto alcanza 0. El servicio de comprobación adopta estos umbrales oficiales de Google sin cambios y mide móvil y escritorio por separado porque en la pantalla estrecha del teléfono, el mismo cambio tiene un mayor impacto: lo que es un pequeño cambio en el escritorio mueve la mitad del área visible en el teléfono.
Así es como el servicio de comprobación mide la estabilidad del diseño
El servicio de comprobación obtiene la medición de PageSpeed de Google para cada página verificada. Proporciona el CLS de dos fuentes: de los datos de campo de visitantes reales en los últimos 28 días, si la página tiene suficientes vistas, y de una medición de laboratorio bajo condiciones establecidas. Si hay datos de campo, tienen prioridad; muestran lo que sucede a los visitantes reales, incluidas conexiones lentas y dispositivos antiguos. Cada valor por encima del umbral aparece como un hallazgo en el informe, con el valor medido, la fuente de la medición y el valor objetivo 0,1 al lado, para que su agencia pueda mejorar dirigidamente.
- Cargue su página de inicio en un teléfono móvil y observe los primeros segundos: ¿el texto baja cuando aparecen imágenes o banners?
- Pida a su agencia que incluya valores de ancho y alto fijos para cada imagen y video, para que el espacio se reserve desde el principio.
- Deje que las áreas publicitarias y las incrustaciones obtengan un marco fijo que permanezca incluso si el contenido llega más tarde o nunca.
- Requiere que los banners de aviso; por ejemplo, sobre cookies o promociones; floten sobre la página o se planifiquen desde el principio, en lugar de empujar el contenido hacia abajo.
- Verifique el CLS nuevamente después de cada rediseño de su página de inicio, porque incluso un nuevo banner puede convertir un buen valor en uno malo.