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

La Web cumple 35 años este agosto. Generaciones de desarrolladores dieron forma a esta increíble tecnología e incorporaron innumerables innovaciones en nuestras vidas. Ahora es el comienzo de una nueva generación con la IA. Estas son 10 funciones interesantes que anunciamos 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 Chrome para computadoras para brindar nuevas funciones basadas en IA integradas en el dispositivo

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

Ayúdanos a diseñar el futuro de la Web registrándote en nuestro programa de versión preliminar.

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

Realizamos grandes inversiones para garantizar que los modelos de IA se ejecuten con rapidez y eficiencia mediante 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, están logrando 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 potenciadas 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 para generar estadísticas, ayudarte a comprender cuál es el problema y hasta descubrir cómo solucionarlo.

Las estadísticas de la consola de las Herramientas para desarrolladores de Chrome están disponibles hoy como una función experimental en EE.UU. y pronto se lanzará 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, habilitamos la navegación casi instantánea, lo que acelera drásticamente la navegación gracias a la recuperación previa 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 se puede usar la IA para predecir patrones de navegación de forma inteligente.

Ejemplo de Tokopedia: Impacto del procesamiento previo que da lugar a un tiempo de carga mucho más rápido, incluso con una conexión lenta.

5. Ver transiciones para sitios de varias páginas

Queremos redefinir la forma en que los usuarios experimentan la Web. Y, para los desarrolladores, queremos cambiar la forma en que crean para la Web. Con la API de View Transition, puedes animar fácilmente entre los estados de la página. Además, ahora funciona con apps de varias páginas, lo que te permite crear una navegación fluida independientemente de la arquitectura de tu sitio. Cuando se combinan con la IA y las reglas de especulación, las transiciones de página pueden ser realmente fluidas.

6. Web Platform Dashboard para obtener una vista unificada de todos los navegadores

Sabemos que no es fácil mantenerse al día con los cambios más recientes de la plataforma, las APIs y los frameworks 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 la 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, directamente en tu flujo de trabajo

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

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

Creemos que una de las mejores plataformas para compilar e implementar apps web es Angular. 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á de forma significativa las métricas web esenciales para las apps sensibles al rendimiento. Revísala en la Vista previa para desarrolladores en las próximas semanas.

9. Reactividad angular detallada de los indicadores desde el primer momento

Queremos brindarte un control más detallado sobre la detección y administración de cambios en tus apps. Intro: Reactividad detallada con indicadores. Angular proporciona un nuevo conjunto de APIs reactivas que potencian la experiencia de primera clase de los desarrolladores con Signals. Además, los indicadores habilitan la detección detallada de cambios 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.

En la actualidad, las APIs reactivas basadas en indicadores están disponibles desde el primer momento. La detección detallada de cambios estará disponible más adelante este año.

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

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

Estamos ansiosos por ver las impresionantes e inmersivas experiencias que crearás. Más información.


Cada día, superas la complejidad del desarrollo y desafías los límites de lo posible. Nos entusiasma 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. Además, asegúrate de conectarte con nosotros en X, YouTube y, ahora, LinkedIn.

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