10 atualizações do Google I/O 2024: como aproveitar o poder da IA para todos os desenvolvedores da Web

A Web completa 35 anos em agosto. Gerações de desenvolvedores moldaram essa tecnologia incrível e trouxe inúmeras inovações para nossas vidas. Agora chegou a hora de uma nova geração com a IA. Veja 10 recursos incríveis revelados na palestra de abertura para desenvolvedores e nas sessões do I/O que guiarão seu caminho para um melhor desenvolvimento por meio de uma Web mais eficiente e facilitada.

1. Integração do Gemini Nano ao Chrome para computador para oferecer novos recursos de IA no dispositivo

A partir do Chrome 126, o Gemini Nano será integrado à área de trabalho do Chrome. Por que isso é importante? Será possível fornecer recursos de IA avançados para os bilhões de usuários do Chrome sem precisar se preocupar com engenharia de comando, ajustes, capacidade ou custo. O recurso "Quero ajuda para escrever" está disponível no Chrome com energia no dispositivo para ajudar os usuários a escrever conteúdo de formato curto.

Ajude-nos a moldar o futuro da Web inscrevendo-se no nosso programa de pré-lançamento antecipado.

2. O WebAssembly e a WebGPU permitem a IA no dispositivo, independentemente do modelo de IA que você usar

Investimos muito para garantir que os modelos de IA sejam executados de maneira rápida e eficiente usando a WebGPU e o Wasm, as tecnologias de backbone que permitem a IA no dispositivo na Web. Novas melhorias, como valores de ponto flutuante de 16 bits na WebGPU, e Memory64 e integração de promessas do JavaScript no Wasm, estão tornando a IA ainda mais rápida. Com o Wasm e a WebGPU, as bibliotecas de IA podem executar modelos em escala em uma grande variedade de hardwares.

3. O Chrome DevTools com tecnologia de IA simplifica seu processo de depuração

O Chrome DevTools é uma das maneiras mais conhecidas de depurar e ajustar seu app. Com a IA, a depuração ficará muito mais fácil. Estamos trazendo o Gemini para o Console do Chrome DevTools para gerar insights, ajudar você a entender qual é o problema e até mesmo descobrir como corrigi-lo.

Os insights do console do Chrome DevTools já estão disponíveis como um recurso experimental nos EUA e serão lançados para mais países em breve.

4. A API Speculation Rules oferece experiências de navegação instantâneas

Com a nova API Speculation Rules, estamos ativando a navegação quase instantânea, acelerando drasticamente a navegação com a pré-busca e a pré-renderização de páginas em segundo plano. Pense em milissegundos em vez de segundos. E o melhor de tudo? Você só precisa de algumas linhas de código para começar, e a IA pode ser usada para prever padrões de navegação de maneira inteligente.

Exemplo da Tokopedia: impacto da pré-renderização que leva a um tempo de carregamento muito mais rápido, mesmo em uma conexão lenta.

5. API View Transitions para sites com várias páginas

Queremos redefinir a experiência dos usuários na Web. Para os desenvolvedores, queremos mudar a forma de criar para a Web. Com a API View Transitions, é possível animar facilmente entre os estados de página. Agora, ele funciona com apps de várias páginas, permitindo que você crie uma navegação fluida independentemente da arquitetura do site. Quando combinadas com regras de especulação e IA, as transições de página podem ser realmente perfeitas.

6. Painel da plataforma Web para uma visualização unificada em todos os navegadores

Sabemos que não é fácil acompanhar as últimas mudanças de plataforma, APIs e frameworks em navegadores quando elas são atualizadas constantemente. O valor de referência oferece uma maneira de entender quais recursos da Web têm suporte em todos os navegadores. Agora, com o painel Web Platform, você poderá ver toda a plataforma da Web mapeada como um conjunto de recursos, acompanhar o desenvolvimento e verificar o status de interoperabilidade.

7. Ferramentas de referência, diretamente no seu fluxo de trabalho

A referência funciona melhor quando está integrada ao seu fluxo de trabalho. A partir de hoje, o RUM Archive da Akamai tem uma nova ferramenta para desenvolvedores no RUM Archive Insights. Pela primeira vez, é possível conferir lado a lado a parcela global de usuários das versões e dos recursos desbloqueados com essa versão.

8. Hidratação parcial no Angular melhora a performance

Acreditamos que uma das melhores plataformas para criar e implantar aplicativos da Web é o Angular. Agora estamos trabalhando na hidratação parcial para que o JavaScript só carregue e hidrate parte do app quando necessário, melhorando significativamente as Core Web vitals para apps sensíveis à performance. Confira na prévia para desenvolvedores nas próximas semanas.

9. Reatividade detalhada angular com indicadores, prontos para uso imediato

Queremos oferecer um controle mais granular da detecção e do gerenciamento de mudanças nos seus apps. Entrada: reatividade detalhada com indicadores. O Angular fornece um novo conjunto de APIs reativas que capacitam uma experiência de desenvolvedor de primeira classe com indicadores. Os indicadores também permitem uma detecção detalhada de mudanças, que vai verificar apenas uma fração da árvore de componentes para propagar mudanças de estado. Não é mais necessário otimizar manualmente a interface.

As APIs reativas baseadas em indicadores já estão disponíveis para uso imediato. A detecção detalhada de mudanças será lançada ainda este ano.

10. Crie experiências imersivas em 3D na API Maps JavaScript

Estamos desenvolvendo novas formas de criar experiências imersivas na Web, trazendo mapas fotorrealistas em 3D para a já conhecida API Maps JavaScript da Plataforma Google Maps. Agora, você pode aproveitar a tecnologia de renderização do Google para fornecer mapas 3D avançados na velocidade que os usuários esperam. A melhor parte é que você pode começar com uma única linha de código.

Mal podemos esperar para conhecer as experiências fantásticas e imersivas que você vai criar! Saiba mais.


Todos os dias, você atravessa a complexidade do desenvolvimento, ultrapassando os limites do que é possível. Estamos felizes em ajudar você a criar novas experiências para todos nós. Acesse developer.chrome.com e web.dev para saber mais sobre essa poderosa Web fácil de usar. Entre em contato conosco pelo X, pelo YouTube e agora pelo LinkedIn.

Vejo você no próximo Google I/O!