Sebastian Gomez

Jun 02, 2025

Chrome y la Web se Reinventan Google IO 2025

Hola a todos como muchos de ustedes saben, tuve el privilegio de estar presente en Google I/O, el epicentro de la innovación donde Google nos muestra el futuro. Como Google Developer Expert en Tecnologías Web, mi radar estuvo especialmente enfocado en todo lo nuevo que Chrome y la plataforma web tienen para ofrecernos. ¡Y vaya que hay novedades!

Más allá de los anuncios espectaculares de IA que acapararon titulares (y de los que hablaré en otro momento), quiero compartir con ustedes esas gemas que impactarán directamente nuestro trabajo como desarrolladores web, transformando la manera en que construimos experiencias online.

1. La IA se Integra en Nuestras Herramientas: DevTools Potenciado por Gemini

Una de las noticias que más me emocionó fue la profunda integración de la IA directamente en las Chrome DevTools.6 ¡Así es! Ahora contamos con asistencia de Gemini para optimizar nuestros flujos de trabajo de depuración.68 Imaginen poder aplicar cambios sugeridos por la IA directamente en los archivos de su espacio de trabajo en el panel de Elementos.6 O qué tal obtener insights contextuales sobre el rendimiento de sus Core Web Vitals en el renovado panel de Performance, simplemente preguntándole a la IA.26 Esto no solo nos ahorrará tiempo, sino que democratizará el acceso a optimizaciones complejas.

Además, Google sigue apostando fuerte por la IA en el cliente con las API integradas que usan Gemini Nano.6 Desde Chrome 138, tenemos disponibles en versión estable las APIs de Summarizer, Language Detector, Translator y la Prompt API para extensiones de Chrome.69 Y vienen más en camino, como las Writer y Rewriter APIs (en Origin Trials) y la Proofreader API con capacidades multimodales en Canary.69 Esto abre un universo de posibilidades para crear aplicaciones web más inteligentes, privadas y con menor latencia.6

2. UI Moderna con CSS: ¡Menos JavaScript, Más Poder!

Los que me conocen saben cuánto me entusiasma la evolución de CSS. Google I/O nos trajo noticias fantásticas en este frente.

• Carruseles con CSS Puro: ¡Por fin! Crear carruseles interactivos y atractivos ahora es posible con unas pocas líneas de HTML y CSS, gracias a nuevas primitivas en CSS que llegaron con Chrome 135.56 Pinterest, uno de los primeros en adoptarlo, redujo su código en un 90%, pasando de 2000 líneas de JavaScript a solo 200 de CSS.5 ¡Impresionante!
• Interest Invoker API: Esta API experimental, disponible como origin trial, nos permite mostrar popovers de forma declarativa cuando el interés del visitante está activo por un corto periodo.56 Combinada con la Anchor Positioning API y la Popover API, podemos crear tooltips y hover cards enriquecidos e interactivos sin una sola línea de JavaScript.56

3. Navegaciones Instantáneas y Transiciones Cinematográficas

La experiencia de usuario (UX) es clave, y Chrome sigue empujando los límites para hacerla más fluida.

• Speculation Rules API: Esta API, que evoluciona sobre prefetch y prerender, permite a los desarrolladores indicar al navegador qué páginas son propensas a ser visitadas a continuación.1217 Chrome puede entonces precargar o incluso prerenderizar estas páginas en segundo plano, haciendo que la navegación se sienta casi instantánea.1117 Es especialmente potente para aplicaciones de múltiples páginas (MPAs) y ofrece una sintaxis JSON más expresiva y configurable.1217 Podemos definir reglas estáticamente o inyectarlas dinámicamente con JavaScript según la interacción del usuario.715
• View Transitions API: Aunque ya la conocíamos para Single Page Applications (SPAs) desde Chrome 1113, la novedad es su expansión y la facilidad con la que permite crear transiciones animadas y suaves entre diferentes estados de una vista o incluso entre navegaciones de página completas (MPAs).214 Esto elimina los cambios bruscos y aporta una sensación de aplicación nativa a nuestros sitios web, mejorando enormemente la percepción del usuario.210 Se pueden definir transiciones específicas para elementos con la propiedad view-transition-name en CSS.34

4. WebAssembly (Wasm) Sigue Madurando para Cargas de Trabajo Pesadas

WebAssembly continúa siendo un pilar para llevar rendimiento nativo a la web.16 Se destacaron avances como:

• Memory64: Permite que la memoria lineal de Wasm exceda los 4GB, crucial para modelos de IA grandes y aplicaciones demandantes.113
• Mejor Interoperabilidad con la Web y WebGPU: Facilitando que aplicaciones C++ que corren en dispositivo puedan ejecutarse en la web con mínimas modificaciones, aprovechando la GPU.1
• SIMD Relajado: Mejoras en el rendimiento para operaciones vectoriales, clave en Machine Learning, con nuevas instrucciones que pueden acelerar cargas de trabajo entre 1.5 y 3 veces.1

5. Baseline: Claridad en la Compatibilidad de Funciones

Saber qué funciones web son seguras de usar en todos los navegadores es un desafío constante. Baseline sigue creciendo y ahora su información de compatibilidad está integrada en herramientas que usamos a diario como VS Code y linters como ESLint.56 Además, el conjunto de datos de web features está 100% mapeado, permitiendo ver el estado de Baseline de cada función en los principales navegadores.59

Mirando hacia el Futuro como Desarrolladores Web

Desde mi perspectiva como GDE, estas actualizaciones son más que simples nuevas herramientas; son habilitadores de la próxima generación de experiencias web. La integración de IA en DevTools y en el propio navegador cambiará radicalmente nuestra productividad y las capacidades de nuestras aplicaciones.56 Las mejoras en CSS y las APIs de transición nos permitirán crear interfaces más ricas y fluidas con menos esfuerzo.25 Y la continua evolución de WebAssembly y Speculation Rules seguirá impulsando el rendimiento.117

Google I/O dejó claro que la web está más viva que nunca, y Chrome sigue siendo un motor clave de esta evolución. Los animo a explorar estas nuevas APIs, experimentar con ellas y, como siempre, a compartir sus descubrimientos con la comunidad.

¿Qué novedad les entusiasma más? ¿Ya han probado alguna de estas herramientas? ¡Déjenme sus comentarios abajo!