Tag: Javascript
All the articles with the tag "Javascript".
import() dinámico: el navegador ya cachea nuestros módulos
Published:Llamar a import() cada vez que se usa una funcionalidad no vuelve a descargar ni a evaluar el módulo: el navegador lo reutiliza desde su module map. Qué garantiza, cuándo deja de ser el mismo módulo y qué pasa cuando la primera carga falla.
WebMCP en un sitio estático: la web de GeeksCAT Conf 2026, lista para agentes
Published:La web de GeeksCAT Conf 2026 es un sitio estático con Astro y expone su agenda, sus ponentes y los datos del evento a agentes de IA con WebMCP. Tres capas: un manifiesto en /.well-known, endpoints JSON generados en build y registro de herramientas con document.modelContext.
Forced Synchronous Layout: cómo detectarlo y analizarlo con DevTools
Published:Cómo un reset de scroll tras una manipulación masiva del DOM provoca un Forced Synchronous Layout, cómo detectarlo en el Performance Panel y en Selector Stats de Chrome DevTools, y cómo corregirlo con requestAnimationFrame.
Automatiza el navegador desde la terminal con Chrome DevTools MCP CLI
Published:El paquete chrome-devtools-mcp incluye una CLI experimental que permite controlar Chrome directamente desde la terminal: navegar, interactuar, auditar rendimiento, analizar red y memoria, todo sin salir de la shell.
IA en auditorías de Web Performance: medición determinística e informes accionables
Published:Cómo combinar scripts determinísticos y agentes de IA para ir de la recopilación de métricas a un informe accionable, y sentar las bases del test de regresión continuo en rendimiento.
AI-Driven Performance Debugging: Gemini + Chrome DevTools MCP
Published:Workshop práctico de diagnóstico de rendimiento con Gemini CLI conectada al navegador vía Chrome DevTools MCP: desde identificar un Long Task en código minificado hasta dejar que el agente cree la rama y prepare la PR con la solución.
Añadiendo un resumen IA a los posts del blog con la Chrome Summarizer API
Published: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: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.