Tag: webperf

All the articles with the tag "webperf".

• La ventana móvil de 28 días de CrUX

  Published:11 ago 2026

  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:19 jul 2026

  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:2 jul 2026

  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:21 jun 2026

  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:27 abr 2026

  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:16 abr 2026

  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:26 mar 2026

  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.

• AI-Driven Performance Debugging: Gemini + Chrome DevTools MCP

  Published:18 mar 2026

  Workshop práctico de diagnóstico de rendimiento con Gemini CLI conectada al navegador vía Chrome DevTools MCP: desde identificar un Long Task en código minificado hasta dejar que el agente cree la rama y prepare la PR con la solución.