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, estamos vivendo uma nova geração, com a IA. Confira 10 recursos incríveis revelados na nossa palestra para desenvolvedores e nas sessões do I/O que vão ajudar você a desenvolver melhor, com uma Web mais eficiente e fácil de usar.
1. Integração do Gemini Nano no Chrome para computadores para oferecer novos recursos de IA no dispositivo
A partir do Chrome 126, o Gemini Nano será incorporado ao Chrome para computador. Por que isso é importante? Você vai poder oferecer recursos poderosos de IA para bilhões de usuários do Chrome sem se preocupar com engenharia rápida, ajuste fino, capacidade ou custo. O recurso "Quero ajuda para escrever" está disponível no Chrome com recursos do dispositivo para ajudar os usuários a escrever conteúdo curto.
Ajude a moldar o futuro da Web se inscrevendo no nosso programa de pré-lançamento.
2. O WebAssembly e a WebGPU permitem a IA no dispositivo, não importa o modelo de IA que você usa
Investimos muito para garantir que os modelos de IA sejam executados de forma rápida e eficiente usando WebGPU e Wasm, as tecnologias fundamentais que permitem a IA no dispositivo na Web. Novas melhorias, como valores de ponto flutuante de 16 bits no WebGPU, e Memory64 e Integração de promessa de JavaScript no Wasm, estão tornando a IA ainda mais rápida. Com Wasm e WebGPU, suas bibliotecas de IA poderão executar modelos em grande escala em uma vasta gama de hardware.
3. O Chrome DevTools com tecnologia de IA vai agilizar seu 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 trazendo o Gemini para o 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ão lançados 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 uma 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? Ele requer 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. Conferir transições em sites de várias páginas
Queremos redefinir a experiência dos usuários na Web. E para os desenvolvedores, queremos mudar a forma como você cria para a Web. Com a API View Transition, é possível animar facilmente entre os estados da página. E agora, ele funciona com apps de várias páginas, permitindo que você crie navegações fluidas, independentemente da arquitetura do seu site. Quando combinadas com as regras de especulação e a IA, as transições de página podem ser realmente contínuas.
6. Painel da Web Platform para uma visualização unificada em todos os navegadores
Sabemos que não é fácil acompanhar as mudanças mais recentes de plataformas, APIs e frameworks em todos os navegadores quando elas são atualizadas constantemente. O Valor de referência oferece uma maneira de entender quais recursos da Web são compatíveis com todos os navegadores. Agora, com o painel da plataforma da Web, você pode conferir toda a plataforma da Web mapeada como um conjunto de recursos, acompanhar o desenvolvimento e verificar o status de interoperabilidade.
7. Ferramentas de linha de base, diretamente no seu fluxo de trabalho
A linha de base funciona melhor quando é integrada ao seu fluxo de trabalho. A partir de hoje, o RUM Archive da Akamai tem uma nova ferramenta para desenvolvedores em RUM Archive Insights. Pela primeira vez, é possível conferir a porcentagem de usuários globais das versões e dos recursos da referência que são desbloqueados com essa versão da referência, lado a lado.
8. A hidratação parcial no Angular permite melhorar a performance
Acreditamos que o Angular é uma das melhores plataformas para criar e implantar apps da Web. Agora estamos trabalhando na hidratação parcial, para que o JavaScript carregue e hidrate apenas parte do app quando necessário, melhorando significativamente os Core Web Vitals para apps sensíveis ao desempenho. Confira a prévia para desenvolvedores nas próximas semanas.
9. Reatividade detalhada do Angular com Indicadores, pronta para uso
Queremos oferecer a você um controle mais granular sobre a detecção e o gerenciamento de mudanças nos seus apps. Entre: reatividade detalhada com Indicadores. O Angular oferece um novo conjunto de APIs reativas que oferecem uma experiência de desenvolvedor de primeira linha com indicadores. E os Indicadores permitem a detecção de mudanças detalhadas 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. A detecção de mudanças detalhadas vai ser lançada ainda este ano.
10. Criar experiências imersivas 3D na API Maps JavaScript
Estamos disponibilizando mais maneiras de criar experiências imersivas na Web, trazendo mapas 3D fotorrealistas para a API Maps JavaScript da Plataforma Google Maps. Agora, você pode aproveitar a tecnologia de renderização do Google para oferecer mapas 3D avançados na velocidade esperada pelos usuários. A melhor parte é que você pode começar com uma única linha de código.
Mal podemos esperar para conferir as experiências incríveis e imersivas que você vai criar. Saiba mais.
Todos os dias, você está superando 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 cada vez mais simples. Não deixe de entrar em contato com a gente no X, YouTube e agora no LinkedIn.
Até a próxima I/O!