10 actualizaciones de Google I/O 2024: Libera el poder de la IA para todos los desarrolladores web

En agosto, la Web cumple 35 años. Generaciones de desarrolladores dieron forma a esta tecnología increíble y aportaron innumerables innovaciones a nuestras vidas. Es el comienzo de una nueva generación con la IA. Te presentamos 10 funciones emocionantes que se presentaron en nuestro discurso de apertura para desarrolladores y en las sesiones de I/O, que te guiarán hacia un mejor desarrollo a través de una Web más potente y fácil de usar.

1. Integración de Gemini Nano en el escritorio de Chrome para ofrecer nuevas funciones de IA en el dispositivo.

A partir de Chrome 126, Gemini Nano estará integrado en el escritorio de Chrome. ¿Por qué es importante? Podrás ofrecer funciones de IA potentes a los miles de millones de usuarios de Chrome sin tener que preocuparte por la ingeniería de instrucciones, el ajuste, la capacidad o el costo. La función "Ayúdame a escribir" está disponible en Chrome con la potencia del dispositivo para ayudar a los usuarios a escribir contenido de formato corto.

Regístrate en nuestro programa de versión preliminar para ayudarnos a diseñar el futuro de la Web.

2. WebAssembly y WebGPU habilitan la IA en el dispositivo, sin importar el modelo de IA que uses

Invertimos mucho para garantizar que los modelos de IA se ejecuten con rapidez y eficiencia mediante el uso de WebGPU y Wasm, las tecnologías troncales que permiten la IA integrada en el dispositivo en la Web. Las nuevas mejoras, como los valores de punto flotante de 16 bits en WebGPU y la integración de Memory64 y JavaScript Promise en Wasm, hacen que la IA se ejecute aún más rápido. Con Wasm y WebGPU, tus bibliotecas de IA podrán ejecutar modelos a gran escala en una gran variedad de hardware.

3. Las Herramientas para desarrolladores de Chrome impulsadas por IA optimizarán tu proceso de depuración

Las Herramientas para desarrolladores de Chrome son una de las formas más populares de depurar y ajustar tu app. Con la IA, la depuración será mucho más fácil. Incorporamos Gemini a la consola de Herramientas para desarrolladores de Chrome con el objetivo de generar estadísticas, ayudarte a comprender cuál es el problema y hasta descubrir cómo solucionarlo.

Actualmente, las estadísticas de la consola de las Herramientas para desarrolladores de Chrome están disponibles como una función experimental en EE.UU. y pronto se lanzarán en más países.

4. La API de Speculation Rules ofrece experiencias de navegación instantáneas

Con la nueva API de Speculation Rules, estamos habilitando la navegación casi instantánea, lo que acelera drásticamente la navegación mediante la precarga y el procesamiento previo de páginas en segundo plano. Piensa en milisegundos en lugar de segundos. Lo mejor de todo es que Solo se requieren unas pocas líneas de código para comenzar, y la IA se puede usar para predecir patrones de navegación de forma inteligente.

Ejemplo de Tokopedia: El impacto del procesamiento previo que genera un tiempo de carga mucho más rápido, incluso con una conexión lenta.

5. API de View Transitions para sitios de varias páginas

Queremos redefinir la forma en que los usuarios experimentan la Web. En el caso de los desarrolladores, queremos cambiar la forma de crear contenido para la Web. Con la API de View Transitions, puedes animar fácilmente entre estados de página. Ahora, funciona con apps de varias páginas, lo que te permite crear una navegación fluida independientemente de la arquitectura del sitio. Cuando se combina con las reglas de especulación y la IA, las transiciones de páginas pueden ser realmente fluidas.

6. Panel de plataforma web para una vista unificada de todos los navegadores

Sabemos que no es fácil mantenerse al día con los cambios de plataforma, las APIs y los frameworks más recientes en todos los navegadores cuando se actualizan constantemente. Baseline proporciona una forma de comprender qué funciones web son compatibles con todos los navegadores. Ahora, con el panel de plataforma web, podrás ver toda la plataforma web asignada como un conjunto de funciones, seguir su desarrollo y verificar su estado de interoperabilidad.

7. Herramientas de referencia en tu flujo de trabajo

El modelo de referencia funciona mejor cuando está integrado en tu flujo de trabajo. A partir de hoy, RUM Archive de Akamai tiene una herramienta nueva para desarrolladores en RUM Archive Insights. Por primera vez, puedes ver en paralelo el porcentaje global de usuarios de las versiones y las funciones de Baseline que se desbloquean con esa versión de Baseline, en paralelo.

8. La hidratación parcial en Angular mejora el rendimiento

Creemos que Angular es una de las mejores plataformas para crear e implementar apps web. Ahora estamos trabajando en la hidratación parcial, por lo que JavaScript solo cargará e hidratará parte de tu app solo cuando sea necesario, lo que mejorará considerablemente las métricas web esenciales para apps sensibles al rendimiento. Pruébalo en la Vista previa para desarrolladores en las próximas semanas.

9. Reactividad angular detallada con indicadores lista para usar

Queremos brindarte un control más detallado sobre la detección y administración de cambios en tus apps. Ingresa: reactividad detallada con indicadores. Angular proporciona un nuevo conjunto de APIs reactivas que potencian la experiencia de los desarrolladores de primer nivel con indicadores. Además, los indicadores permiten una detección de cambios detallada que verificará solo una fracción de tu árbol de componentes para propagar los cambios de estado, por lo que ya no tendrás que optimizar la IU de forma manual.

Actualmente, las APIs reactivas basadas en señales están disponibles de inmediato. La detección de cambios detallada estará disponible más adelante este año.

10. Crea experiencias envolventes en 3D en la API de Maps JavaScript

Incorporamos los mapas en 3D fotorrealistas a la conocida API de Maps JavaScript de Google Maps Platform para acceder a más formas de crear experiencias web envolventes. Ahora, puedes aprovechar la tecnología de renderización de Google para entregar mapas en 3D enriquecidos a la velocidad que esperan los usuarios. La mejor parte es que puedes empezar con una sola línea de código.

Estamos ansiosos por ver las experiencias increíbles y envolventes que crearás. Más información.


Todos los días, atraviesas la complejidad del desarrollo y desafías los límites de lo posible. Estamos ansiosos por ayudarte a crear nuevas experiencias para que todos las disfrutemos. Visita developer.chrome.com y web.dev para obtener más información sobre esta herramienta web potente y fácil de usar. Comunícate con nosotros en X, YouTube y, ahora, en LinkedIn.

¡Nos vemos en el próximo I/O!