Joan León Posts
All the articles I've posted.
Adding an AI summary to blog posts with the Chrome Summarizer API
Published:How to add an AI summary button to an Astro blog using the browser's native Chrome Summarizer API, without servers or external APIs.
WebPerf Snippets: progressive disclosure in Claude Skills
Published:Applying Anthropic's progressive disclosure system (L1/L2/L3) to reduce the context loaded by WebPerf Snippets Skills and free space in the agent's context window.
WebPerf Snippets agent-first: structured returns and minimal tokens
Published:WebPerf Snippets scripts now return structured JSON directly from evaluate_script() and are minified at build time with dead code elimination, significantly reducing token footprint.
WebPerf Snippets and Agent SKILLs: deterministic audits with Chrome DevTools MCP
Published:WebPerf Snippets become Agent SKILLs with scripts as deterministic tools for AI agents, executable directly in the browser via Chrome DevTools MCP.
WebPerf Snippets + WebMCP: web metrics that AI understands
Published:WebPerf Snippets exposes its performance measurement tools via WebMCP, the new protocol that lets AI assistants interact with the browser natively.
WebAssembly: the W3C's forgotten standard
Published:WebAssembly has been a W3C standard since 2019, but many developers still don't know about it. What it really is, how it works, and why you should know about it.
SVGs on the web: performance comparison based on how you load them
Published:Inline, sprite with <use>, <object>, <img>... each way of loading an SVG has different implications for performance, caching and rendering. A practical analysis to help you choose well.
Practical guide to the <img> element: from the basics to LCP
Published:The <img> element has attributes that make a real difference in performance: loading, decoding, fetchpriority, srcset and sizes. A practical guide to using them well.