Tendencias · Páginas que no se mueven
Páginas que no se mueven, mes a mes
El porcentaje de páginas que no se mueven mientras cargan, es decir, a las que Lighthouse da por bueno el cambio de diseño acumulado. Ha subido desde mayo de 2026, y también el último mes. Los dos pasos superan su margen.
Buena78,2 %
Páginas que no se mueven en septiembre de 2026
▲ +0.4 pp77,6 %78,2 %
Qué mide esta cifra
Quién se movió
| Segmento | agosto de 2026 | septiembre de 2026 | Movimiento |
|---|---|---|---|
| Browser-Update.org 3 | 73,8 % | 37,9 % | ▼ −35.9 pp |
| Browser-Update.org | 74,8 % | 41,1 % | ▼ −33.7 pp |
| Squarespace | 50,7 % | 83,2 % | ▲ +32.5 pp |
| Squarespace Commerce | 50,7 % | 83,2 % | ▲ +32.5 pp |
| Squarespace 7 | 50,7 % | 83,2 % | ▲ +32.5 pp |
| Squarespace Commerce 7 | 50,7 % | 83,2 % | ▲ +32.5 pp |
| YUI 3 | 53,1 % | 82,9 % | ▲ +29.8 pp |
| YUI | 54,5 % | 82,5 % | ▲ +28.0 pp |
| Stimulus | 52,5 % | 78,2 % | ▲ +25.7 pp |
| math.js | 68,3 % | 44,0 % | ▼ −24.3 pp |
| Google Cloud Trace | 74,4 % | 51,6 % | ▼ −22.8 pp |
| Typekit 1 | 59,4 % | 77,8 % | ▲ +18.4 pp |
| Klaviyo Customer Hub | 73,0 % | 91,2 % | ▲ +18.2 pp |
| TripleLift | 90,0 % | 72,0 % | ▼ −18.1 pp |
| Bootstrap 1 | 71,1 % | 87,3 % | ▲ +16.2 pp |
Cómo mejorar esta cifra en vuestra web
2 · Stable
25% de la nota
La página no se mueve mientras carga.
Un agente que usa la página como lo haría una persona hace una captura y pulsa donde vio el botón. Si entre medias llega tarde una imagen o un aviso empuja el contenido hacia abajo, pulsa otra cosa. Lighthouse lo cuenta en su propia categoría agéntica, y aquí una página pasa cuando Lighthouse puntúa su desplazamiento de diseño como bueno.
Qué hacer
- Dad a cada imagen, vídeo e iframe su tamaño en el marcado, con width y height o con un aspect-ratio, para que el hueco esté reservado antes de que llegue el fichero.
- Reservad el espacio de lo que llega tarde, como los avisos de cookies, la publicidad y los widgets incrustados, con una altura mínima que luego llena el contenido.
- No metáis contenido encima de lo que ya se ve, salvo que responda a un clic.
- Cargad las fuentes web con font-display: swap y una fuente de reserva ajustada con size-adjust, para que el texto no cambie de tamaño cuando llega la fuente.
<img src="/hero.jpg" width="1200" height="630" alt="…">
<style>
.cookie-banner-slot { min-height: 88px; }
</style>Normalmente una tarde de marcado y CSS. El trabajo es encontrar qué se mueve, y Lighthouse lo lista.