Joan León Posts
All the articles I've posted.
Video editing in the browser with WebGPU
Published:WebGPU enables real-time video effects and transformations in the browser. Practical implementation with benchmarks and real-world limitations.
Forced Synchronous Layout: how to detect and analyze it with DevTools
Published:How a scroll reset after mass DOM manipulation triggers a Forced Synchronous Layout, how to detect it in the Performance Panel and Selector Stats in Chrome DevTools, and how to fix it with requestAnimationFrame.
ML in the browser with WebGPU: real-time inference
Published:How to use WebGPU as the TensorFlow.js backend to run ML models in the browser with real performance. Benchmarks and practical use cases.
Automate the browser from the terminal with Chrome DevTools MCP CLI
Published:The chrome-devtools-mcp package includes an experimental CLI that lets you control Chrome directly from the terminal: navigate, interact, audit performance, analyze network and memory, all without leaving the shell.
Image processing in the browser with WebGPU
Published:How to use WebGPU to apply filters and transformations to images in the browser. Real benchmarks comparing with Canvas 2D.
WebGPU: the browser's new performance engine
Published:WebGPU exposes the GPU directly to the browser, opening new possibilities for intensive processing: images, video, ML, and more.
AI in Web Performance Audits: Deterministic Measurement and Actionable Reports
Published:How to combine deterministic scripts and AI agents to go from metrics collection to an actionable report, and lay the foundations for continuous regression testing in performance.
AI-Driven Performance Debugging: Gemini + Chrome DevTools MCP
Published:A hands-on workshop for performance debugging with Gemini CLI connected to the browser via Chrome DevTools MCP: from identifying a Long Task in minified code to having the agent create the branch and open the PR.