3 puntos por ragingwind 3 시간 전 | 2 comentarios | Compartir por WhatsApp

Este keynote, presentado por Paul Kinlan, líder del equipo de Developer Relations de Chrome, abordó ampliamente los cambios acelerados que ha vivido el entorno de desarrollo web en los últimos seis meses y las nuevas tecnologías que Chrome está preparando. El mensaje central se puede resumir en tres ejes: preparar los sitios para una era en la que los agentes (asistentes de IA) navegan la web por el usuario, ayudar a que las herramientas de desarrollo sigan el ritmo de los estándares web modernos y compartir con anticipación la hoja de ruta de la plataforma para los próximos 1 a 2 años.

WebMCP, una nueva forma en que los agentes conversan con la web

  • Concepto WebMCP es una especificación propuesta que expone formularios HTML y funciones de JavaScript como herramientas utilizables por los agentes. Es una estructura en la que el sitio le comunica al agente funciones como “aquí se puede buscar, agregar al carrito y pagar”.
  • Cómo funciona Toma solo la parte de herramientas de MCP (Model Context Protocol), y la pestaña actual del navegador comparte directamente la lista de herramientas sin necesidad de un servidor aparte. También permite registro imperativo mediante la API navigator.modelContext.registerTool.
  • Diferenciador Como se ejecuta dentro del contexto del navegador, puede aprovechar tal cual el estado de sesión iniciada, las cookies y el almacenamiento local. Es una ventaja difícil de conseguir con el enfoque de servidores MCP externos.
  • Estado actual Expedia ya está experimentando con escenarios como “buscar hoteles cerca de la casa de la abuela”, y llegará como Origin Trial en Chrome 149 (previsto para el 2 de junio de 2026).

Modern Web Guidance, una guía web moderna para herramientas de programación con IA

  • Problema identificado Los modelos de IA se entrenan con conocimiento web de hace un año, mientras que Chrome se actualiza cada 4 semanas (y pronto cada 2). Ese desfase se identifica como un factor que reduce la calidad del código.
  • Cómo se resuelve Es un skill pack que se instala con una sola línea, npx modern-web-guidance install, y ofrece patrones recomendados para áreas de alto nivel como rendimiento, seguridad e identidad, además de más de 100 casos de uso concretos.
  • Relación con Baseline Se alinea con Baseline, el criterio de compatibilidad entre navegadores, y cuando una función todavía no tiene soporte amplio, también guía sobre fallbacks y mejora progresiva. Con integración de Google Analytics, incluso es posible definir objetivos de Baseline basados en datos reales de visitantes.

Chrome DevTools for Agents, poner las herramientas de desarrollo en manos de la IA

  • Funciones disponibles Las herramientas de IA pueden acceder directamente a logs de consola, tráfico de red, trazas de memoria y el árbol de accesibilidad para realizar perfilado de rendimiento e incluso auditorías de Lighthouse.
  • Qué se añadió Se incorporaron nuevas funciones como DevTools skill, una CLI optimizada para ahorrar tokens, una API de TypeScript para entornos de CI, conexión a instancias de Chrome en ejecución, flujos de trabajo multiagente (control simultáneo de varios Chrome) y la instalación y depuración automáticas de extensiones de Chrome.

Nuevas funciones de la plataforma: 52 incorporaciones a Baseline

  • View Transitions y Navigation API Las transiciones fluidas entre páginas y la gestión unificada del estado de navegación ya se consolidaron como estándar.
  • LoAF (Long Animation Frames) Ahora ya es posible medir el rendimiento de interacción en todos los navegadores, incluidos los usuarios de iOS.
  • Actualización parcial declarativa Permite aplicar parches de fragmentos HTML al DOM sin JavaScript y sin depender del orden, lo que hace posible optimizaciones como completar después las áreas de datos lentas (Chrome 148).
  • Streaming HTML API Con streamHTML y streamHTMLUnsafe, se puede inyectar marcado dinámico sin convertirlo a JSON.
  • HTML-in-Canvas Renderiza DOM estándar dentro de canvas, permitiendo crear interfaces con búsqueda, traducción y accesibilidad activas incluso en motores de juegos 3D o entornos como PlayCanvas y Three.js. La demo del dormitorio 3D del inicio del keynote fue creada con esta función.

IA en el dispositivo (Built-in AI)

  • Prompt API En Chrome 148 añade soporte multimodal, con análisis de imágenes y salida JSON estructurada. También se amplió el soporte de idiomas más allá del inglés a francés, alemán, japonés y español.
  • Lo que viene Con la llegada de la familia de modelos Gemma, será posible hacer llamadas nativas a funciones, lo que permitirá crear agentes que operen de forma autónoma del lado del cliente. Reddit, Drupal y Temu ya lo están aplicando con un enfoque de mejora progresiva.

En conjunto, esta presentación transmite el mensaje de que la web está llegando, mucho más rápido que en la transición móvil, a un punto de inflexión donde pasa de ser un medio “que las personas recorren y usan” a uno “en el que se delegan tareas a agentes”. Chrome está desplegando una estrategia en dos frentes: por un lado, abre con WebMCP una vía para que los sitios participen en el ecosistema de agentes; por el otro, eleva la calidad de las herramientas de desarrollo con IA mediante Modern Web Guidance y DevTools for Agents. La idea de que volver a enfocarse en fundamentos como el HTML semántico, la accesibilidad y Baseline da ventajas también en la era de los agentes fue uno de los mensajes que se enfatizó de forma consistente entre tantos anuncios llamativos de nuevas tecnologías.

2 comentarios

 
jhk0530 2 시간 전

Siento que Chrome se está volviendo cada vez más pesado.

 
ragingwind 3 시간 전

También conviene ver la postura de Firefox sobre la Prompt API. https://x.com/FirefoxWebDevs/status/2056382433516286173