Joan León Tag: webperf
All the articles with the tag "webperf".
HTTP cache partitioning: la misma imagen, descargada dos veces
Published:Una página con un iframe cross-site pide la misma imagen desde el iframe y desde el padre. En Chrome se descarga dos veces; en Firefox y Safari, una. Por qué la cache key no es la misma en los tres motores, por qué compartir partición no garantiza el hit, y qué propone Cross-Origin Storage para solucionarlo.
La ventana móvil de 28 días de CrUX
Published:Cómo funciona de verdad la ventana móvil de 28 días de CrUX, qué publica cada fuente y por qué el p75 tarda tanto en moverse aunque los datos solo tengan dos días de retraso.
Un 301 en cada clic: la trailing slash que ralentizaba toda la navegación interna
Published:Un hallazgo real en skills.addy.ie: cada enlace interno provocaba una redirección 301 en Netlify por una barra final que faltaba. Qué le cuesta a la UX, cómo lo detecté en las DevTools, el fix rápido que se me ocurrió y la solución de fondo (Astro directory format + trailingSlash: 'always'). Con la evidencia de la pestaña Network antes y después.
Keep-Alive no es Cache-Control: anatomía de una cascada de red
Published:Un caso real de auditoría: dos imágenes pesadas (608 KB y 403 KB) bajo HTTP/1.1 con Connection: Keep-Alive pero sin Cache-Control. Por qué son cosas distintas, qué arregla HTTP/2 y cómo preconnect adelanta el handshake. Con demo interactiva del waterfall.
El misterio del #document que se repinta solo: Paint flashing y capas de composición
Published:Por qué la capa #document acumula cientos de repintados en reposo por culpa de un ticker animado con transform, cómo cazarlo con la pestaña Layers y Paint flashing, y cómo promocionar el elemento a su propia capa de composición con will-change.
Forced Synchronous Layout: cómo detectarlo y analizarlo con DevTools
Published:Cómo un reset de scroll tras una manipulación masiva del DOM provoca un Forced Synchronous Layout, cómo detectarlo en el Performance Panel y en Selector Stats de Chrome DevTools, y cómo corregirlo con requestAnimationFrame.
Automatiza el navegador desde la terminal con Chrome DevTools MCP CLI
Published:El paquete chrome-devtools-mcp incluye una CLI experimental que permite controlar Chrome directamente desde la terminal: navegar, interactuar, auditar rendimiento, analizar red y memoria, todo sin salir de la shell.
IA en auditorías de Web Performance: medición determinística e informes accionables
Published:Cómo combinar scripts determinísticos y agentes de IA para ir de la recopilación de métricas a un informe accionable, y sentar las bases del test de regresión continuo en rendimiento.