A Web completa 35 anos em agosto. Gerações de desenvolvedores moldaram essa tecnologia incrível e trouxeram inúmeras inovações para nossas vidas. Agora é o surgimento de uma nova geração, com a IA. Apresentamos 10 recursos interessantes revelados em nossa palestra de abertura para desenvolvedores e em sessões do Google I/O que guiarão seu caminho para um desenvolvimento melhor, por meio de uma Web mais eficiente e mais fácil.
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? Você poderá oferecer recursos avançados de IA aos bilhões de usuários do Chrome sem precisar se preocupar com engenharia de comando, ajustes detalhados, capacidade ou custo. A opção "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 a moldar o futuro da Web inscrevendo-se no programa de testes iniciais.
2. O WebAssembly e a WebGPU ativam a IA no dispositivo, independentemente do modelo de IA que você usa
Investimos muito para garantir que os modelos de IA sejam executados de maneira rápida e eficiente usando a WebGPU e 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 integração de promessas de JavaScript e Memory64 no Wasm, estão tornando a IA ainda mais rápida. Com o Wasm e a WebGPU, suas bibliotecas de IA poderão executar modelos em escala em uma grande variedade de hardwares.
3. O Chrome DevTools com tecnologia de IA vai simplificar o processo de depuração
O Chrome DevTools é uma das formas mais conhecidas de depurar e ajustar seu app. Com a IA, a depuração vai ficar muito mais fácil. Estamos disponibilizando o Gemini no console do Chrome DevTools para gerar insights, ajudar você a entender qual é o problema e até descobrir como corrigi-lo.
Os insights do console do Chrome DevTools estão disponíveis hoje como um recurso experimental nos EUA e será lançado em 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 permitindo a navegação quase instantânea, acelerando drasticamente a navegação com a pré-busca e pré-renderização de páginas em segundo plano. Considere milissegundos em vez de segundos. E o melhor de tudo? São necessárias apenas algumas linhas de código para começar, e a IA pode ser usada para prever padrões de navegação de maneira inteligente.
5. Ver transições para sites com várias páginas
Queremos redefinir a experiência dos usuários na Web. E para os desenvolvedores, queremos mudar a forma como criam para a Web. Com a API View Transition, é possível animar facilmente entre os estados da página. Agora, ele funciona com apps de várias páginas, permitindo que você crie uma navegação fluida independentemente da arquitetura do seu site. Quando combinadas com regras de especulação e IA, as transições de páginas podem ser verdadeiramente perfeitas.
6. Painel da plataforma da Web para uma visualização unificada em todos os navegadores
Sabemos que não é fácil acompanhar as mudanças mais recentes da plataforma, APIs e frameworks nos navegadores quando eles estão em constante atualizaçã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 da plataforma da Web, você poderá ver toda a plataforma da Web mapeada como um conjunto de recursos, acompanhar o desenvolvimento deles e verificar o status de interoperabilidade.
7. Ferramentas de referência, direto no fluxo de trabalho
O valor de referência funciona melhor quando é integrado 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 para versões e recursos de referência desbloqueados com essa versão de referência.
8. A hidratação parcial no Angular melhora o desempenho
Acreditamos que uma das melhores plataformas para criar e implantar apps da Web é o Angular. Agora, estamos trabalhando na hidratação parcial. Assim, o JavaScript só vai carregar e hidratar parte do app somente quando necessário, melhorando significativamente as Core Web vitals para apps sensíveis ao desempenho. Confira na prévia para desenvolvedores nas próximas semanas.
9. Reatividade detalhada angular com indicadores prontos para uso
Queremos oferecer um controle mais granular sobre a detecção e o gerenciamento de mudanças nos seus apps. Enter: reatividade detalhada com indicadores. O Angular fornece um novo conjunto de APIs reativas que capacitam a experiência de desenvolvimento de primeira classe com indicadores. Além disso, os indicadores permitem uma detecção detalhada de mudanças que verificam apenas uma fração da árvore de componentes para propagar mudanças de estado. Assim, você não precisa mais 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 oferecendo mais formas de criar experiências imersivas na Web ao levar os mapas fotorrealistas em 3D para a 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 esperada pelos usuários. E o melhor: você pode começar com uma única linha de código.
Mal podemos esperar para conhecer as experiências incríveis e imersivas que você vai criar! Saiba mais.
Todos os dias, você atravessa a complexidade do desenvolvimento, ultrapassando os limites do que é possível. Queremos ajudar você a criar novas experiências para todos nós. Acesse developer.chrome.com e web.dev para saber mais sobre essa Web poderosa e mais fácil. E se conecte com a gente no X, no YouTube e agora no LinkedIn.
Até o próximo I/O!