Posts

All the articles I've posted.

• Añadiendo un resumen IA a los posts del blog con la Chrome Summarizer API

  Published:13 mar 2026

  Cómo implementar un botón de resumen IA en un blog Astro usando la Chrome Summarizer API nativa del navegador, sin servidores ni APIs externas.

• 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.

• WebAssembly: el estándar olvidado del W3C

  Published:1 mar 2026

  WebAssembly es un estándar del W3C desde 2019, pero muchos desarrolladores aún lo desconocen. Qué es realmente, cómo funciona y por qué deberíais conocerlo.

• 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.