# M09: geometría y carga controlada

[Informe v3](../../../../implementacion-uiux-ficha-puesto-v3.md) · [Mediciones originales](../mediciones.json).

## Condiciones

Mismas fixtures, origen y límite de dos peticiones API simultáneas del navegador. Se retiene una fuente y se libera expresamente; se espera a datos y fuentes tipográficas, sin temporizador que prolongue el skeleton. La serie `control-carga` compara únicamente ambos skeletons con M08 constante durante la muestra, antes de la corrección final de color de contadores y teletrabajo. Esos ajustes posteriores no modifican geometría ni carga. Las capturas finales de pantalla completa acreditan el color definitivo.

Las medidas exploratorias `carga-*`, tomadas sin ese límite y afectadas por el backend, permanecen separadas y no se usan para calcular mejoras. Los resultados de carga se completaron en tandas; no se afirma una única ejecución conjunta sin errores.

## Posición del contenido previsto

La instrumentación conserva las barras de cada Skeleton y los rectángulos finales. Para comparar el origen de sus tarjetas, se resta al origen de la primera barra el padding de 16 px y borde de 1 px de la receta inspeccionada. Se compara con el origen medido de la sección final. Es diferencia geométrica estática, no un desplazamiento CLS.

| Viewport | Elemento | Antes Y | Después Y | Final Y | Diferencia absoluta antes → después |
| --- | --- | ---: | ---: | ---: | ---: |
| 1440 | Equipamiento | 228.00 | 236.00 | 240.00 | 12.00 → 4.00 px |
| 1440 | Perfiles | 404.00 | 424.00 | 421.00 | 17.00 → 3.00 px |
| 390 | Equipamiento | 243.00 | 383.00 | 391.00 | 148.00 → 8.00 px |
| 390 | Perfiles | 595.00 | 807.00 | 789.00 | 194.00 → 18.00 px |
| 320 | Equipamiento | 243.00 | 383.00 | 391.00 | 148.00 → 8.00 px |
| 320 | Perfiles | 595.00 | 807.00 | 858.00 | 263.00 → 51.00 px |

La banda de pendientes reserva el ancho de 256 px a partir de 900 px de contenedor. Desde 1000 px, Software/Soporte/Último cambio se apilan en la segunda columna. Las alturas del marcador son orientativas: no intentan predecir todos los registros y no se aplican a contenido real.

## Eventos de transición

Máxima ventana de eventos sin entrada reciente después de liberar la fuente. No incluye el arranque anterior a esa liberación ni representa CLS de campo. Los tiempos de las respuestas secundarias pueden variar entre las muestras; estas cifras no sostienen por sí solas una mejora de CLS.

| Ancho | Fuente retenida | Antes | Después | Eventos antes/después | Capturas |
| --- | --- | ---: | ---: | ---: | --- |
| 1440 | inventory | 0.037196 | 0.034028 | 4/5 | [Antes](../antes/control-carga-inventory-1440.png) · [Después](../despues/control-carga-inventory-1440.png) |
| 1440 | profiles | 0.017136 | 0.017136 | 1/1 | [Antes](../antes/control-carga-profiles-1440.png) · [Después](../despues/control-carga-profiles-1440.png) |
| 1440 | software | 0.004935 | 0.004935 | 1/1 | [Antes](../antes/control-carga-software-1440.png) · [Después](../despues/control-carga-software-1440.png) |
| 1440 | support | 0.000224 | 0.000224 | 1/1 | [Antes](../antes/control-carga-support-1440.png) · [Después](../despues/control-carga-support-1440.png) |
| 390 | inventory | 0.004582 | 0.003525 | 2/2 | [Antes](../antes/control-carga-inventory-390.png) · [Después](../despues/control-carga-inventory-390.png) |
| 390 | profiles | 0.018149 | 0.018149 | 1/1 | [Antes](../antes/control-carga-profiles-390.png) · [Después](../despues/control-carga-profiles-390.png) |
| 390 | software | 0.000000 | 0.000000 | 0/0 | [Antes](../antes/control-carga-software-390.png) · [Después](../despues/control-carga-software-390.png) |
| 390 | support | 0.000000 | 0.000000 | 0/0 | [Antes](../antes/control-carga-support-390.png) · [Después](../despues/control-carga-support-390.png) |
| 320 | inventory | 0.000000 | 0.000000 | 0/0 | [Antes](../antes/control-carga-inventory-320.png) · [Después](../despues/control-carga-inventory-320.png) |
| 320 | profiles | 0.000000 | 0.000000 | 0/0 | [Antes](../antes/control-carga-profiles-320.png) · [Después](../despues/control-carga-profiles-320.png) |
| 320 | software | 0.000000 | 0.000000 | 0/0 | [Antes](../antes/control-carga-software-320.png) · [Después](../despues/control-carga-software-320.png) |
| 320 | support | 0.000000 | 0.000000 | 0/0 | [Antes](../antes/control-carga-support-320.png) · [Después](../despues/control-carga-support-320.png) |

## Resultado y límites

Se justifica conservar el refinamiento por su correspondencia geométrica y estructura responsive. No se fija altura final ni se retrasa contenido. La carga parcial y el refetch siguen siendo independientes, con errores y reintentos por fuente. La prueba de reducción de movimiento registra 24 marcadores con `animation-name: none`.

El pool agotado sin control de concurrencia sigue abierto como incidencia ajena. La limitación de red existe únicamente en el runner; no se incorpora a la aplicación ni acredita haber corregido esa incidencia.