Tag: javascript
All the articles with the tag "javascript".
Dynamic import(): the browser already caches our modules
Published:Calling import() every time a feature is used doesn't download or evaluate the module again: the browser reuses it from its module map. What it guarantees, when the same module stops being the same, and what happens when the first load fails.
WebMCP on a static site: the GeeksCAT Conf 2026 website, ready for agents
Published:The GeeksCAT Conf 2026 website is a static Astro site that exposes its schedule, speakers and event details to AI agents through WebMCP. Three layers: a manifest in /.well-known, JSON endpoints generated at build time, and tool registration with document.modelContext.
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.
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.