Joan León Tag: webperf
All the articles with the tag "webperf".
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.
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.
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.
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.