Tag: webperf

All the articles with the tag "webperf".

• WebPerf Snippets: progressive disclosure en Claude Skills

  Published:10 mar 2026

  Cómo aplicar el sistema de progressive disclosure de Anthropic (L1/L2/L3) para reducir el contexto cargado por las Skills de WebPerf Snippets y liberar espacio en la ventana de contexto del agente.

• WebPerf Snippets agent-first: retornos estructurados y tokens mínimos

  Published:8 mar 2026

  Los scripts de WebPerf Snippets devuelven ahora JSON estructurado directamente desde evaluate_script() y se minifican en el build eliminando el código muerto, reduciendo el footprint de tokens de forma significativa.

• WebPerf Snippets y Agent SKILLs: auditorías determinísticas con Chrome DevTools MCP

  Published:4 mar 2026

  Los WebPerf Snippets se convierten en Agent SKILLs con scripts como herramientas determinísticas para agentes de IA, ejecutables directamente en el navegador via Chrome DevTools MCP.

• WebPerf Snippets + WebMCP: métricas web que entiende la IA

  Published:3 mar 2026

  WebPerf Snippets expone sus herramientas de medición de rendimiento vía WebMCP, el nuevo protocolo que permite a los asistentes de IA interactuar con el navegador de forma nativa.

• SVGs en la web: comparativa de rendimiento según cómo los cargas

  Published:24 feb 2026

  Inline, sprite con <use>, <object>, <img>... cada forma de cargar un SVG tiene implicaciones distintas en rendimiento, caché y renderizado. Un análisis práctico para elegir bien.

• Guía práctica del elemento <img>: de lo básico a LCP

  Published:22 feb 2026

  El elemento <img> tiene atributos que marcan una diferencia real en rendimiento: loading, decoding, fetchpriority, srcset y sizes. Una guía práctica para usarlos bien.

• Yield to Main: setTimeout vs queueMicrotask vs scheduler.postTask

  Published:18 feb 2026

  Guía práctica sobre cómo usar setTimeout, queueMicrotask y scheduler.postTask para dividir tareas largas y optimizar INP. Comparativa con ejemplos medibles.