Probador y Analizador de CLS Gratis

Cumulative Layout Shift mide cuánto se desplaza inesperadamente el contenido de la página durante la carga. Cuanto más bajo, mejor.

Menos de 0,1 es Bueno. De 0,1 a 0,25 necesita mejorar. Más de 0,25 es Deficiente.

Sí, totalmente gratis.

Por supuesto. El CLS Tester & Analyzer procesa todo en el lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

Sí, el CLS Tester & Analyzer es totalmente adaptable y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

No se necesita ninguna cuenta ni registro. Simplemente abre el CLS Tester & Analyzer en tu navegador y empieza a usarlo de inmediato. No hay barreras de registro ni restricciones de uso.

Sí, el CLS Tester & Analyzer está creado siguiendo las directrices y mejores prácticas actuales de Google Search. Actualizamos la herramienta con regularidad para reflejar los cambios en los requisitos de los motores de búsqueda.

Simplemente introduce tu entrada en el campo correspondiente, ajusta la configuración a tu gusto y la herramienta la procesará al instante. Después puedes copiar el resultado al portapapeles o descargarlo.

El CLS Tester & Analyzer funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

El CLS no mide tiempo, sino que es una puntuación que suma todos los desplazamientos de diseño inesperados a lo largo del ciclo de vida de una página. Cada desplazamiento se valora multiplicando dos factores: la fracción de impacto, que indica cuánto se movió del viewport visible, y la fracción de distancia, que indica cuánto viajaron los elementos en relación con el viewport. Un desplazamiento que empuja un bloque grande de contenido a mucha distancia puntúa muchísimo más alto que un pequeño ajuste. El navegador suma después todos estos desplazamientos inesperados para obtener un único número final. Y algo clave: los movimientos que ocurren dentro de aproximadamente 500 milisegundos después de un clic o toque del usuario quedan excluidos, ya que suelen ser intencionados. Esta herramienta reproduce exactamente esa lógica, ignorando los desplazamientos marcados por una entrada del usuario y sumando solo los inesperados. Ábrela en cualquier página para ver el total acumulado construirse en vivo en tu navegador.

Las herramientas de laboratorio miden una sola carga de página en un dispositivo bajo condiciones controladas, mientras que las herramientas de campo, como el Chrome User Experience Report, promedian muchas visitas reales en distintas pantallas, redes y comportamientos. Esa diferencia explica por qué tu número de laboratorio y tu número de campo casi nunca coinciden. Una página puede parecer estable en una prueba sintética y aun así desplazarse para visitantes con conexiones lentas o pantallas más pequeñas, donde las imágenes y anuncios de carga tardía se comportan de forma distinta. Para superar Core Web Vitals, Google observa el percentil 75 del CLS de usuarios reales tanto en móvil como en escritorio, que debe situarse en 0.1 o por debajo. La medición en vivo de esta herramienta refleja tu propio dispositivo, tamaño de pantalla y red en ese momento, por lo que se comporta como una única muestra de campo en lugar de un promedio de laboratorio. Ejecútala varias veces para ver cómo las condiciones cambian el resultado.

Un CLS alto casi siempre se remonta a unos pocos culpables recurrentes. Las imágenes e iframes sin atributos width y height explícitos, o sin un aspect-ratio en CSS, obligan a la página a reajustar su diseño en cuanto cargan. Los espacios publicitarios que aparecen sin espacio reservado empujan el contenido de golpe hacia abajo. El contenido inyectado por encima de elementos ya existentes, como banners o avisos, desplaza todo lo que está debajo. Y las fuentes web que se sustituyen tarde pueden reajustar párrafos enteros de texto. El remedio fiable es reservar espacio de antemano para todo lo que cargue de forma asíncrona, de modo que el diseño nunca tenga que saltar para acomodarlo. Para el movimiento que sí quieres, anima usando transform y opacity en lugar de propiedades que disparan un recálculo completo del diseño. Esta herramienta enumera estos patrones junto con sus soluciones, así que pega o mide tu puntuación y usa la guía para atacar exactamente los desplazamientos que perjudican tu página.

Cuando la página carga, el analizador conecta un PerformanceObserver a los eventos layout-shift y solicita entradas en búfer. Ese detalle del búfer importa: captura los desplazamientos desde el mismo instante en que empezó la carga, no solo desde que arrancó el script de medición, de modo que no se pierde nada de lo que ocurre al principio. A medida que se producen los desplazamientos, la herramienta lee la Layout Instability API en vivo, la misma interfaz del navegador en la que se apoyan las propias herramientas de Google, y mantiene un total acumulado redondeado a tres decimales junto a una insignia de valoración. Como el valor procede directamente de tu dispositivo real, tamaño de pantalla y red en ese instante, refleja condiciones genuinas en lugar de una simulación idealizada. No hay rastreo ni comunicación con ningún servidor; todo ocurre localmente. Abre la herramienta en la página que quieres evaluar y observa cómo se actualizan la puntuación y su valoración de Buena, Necesita mejora o Deficiente a medida que el diseño se estabiliza.

La medición en el navegador solo lee la página que tienes abierta en ese momento, porque escucha los eventos de layout-shift en vivo de ese documento. No rastrea ni descarga una URL remota por sí misma. Para analizar un sitio distinto, tienes aquí dos opciones. Primero, usa el analizador de puntuaciones manual: introduce cualquier valor entre 0.0 y 1.0 de un informe que ya tengas, y la herramienta te dice al instante si es Buena, Necesita mejora o Deficiente según los umbrales de Google. Segundo, pega una URL en el campo dedicado y la herramienta te redirige a PageSpeed Insights de Google, abriendo ese informe en una pestaña nueva donde obtienes tanto datos de laboratorio como de campo de usuarios reales. Así que, aunque no escanea directamente páginas externas, te da una valoración rápida y una vía de un clic hacia datos más profundos. Prueba el analizador de puntuaciones para interpretar cualquier número que ya tengas.