Publicado em: 13 de dezembro de 2024
Estar on-line quando a Web estava apenas começando significava esperar pacientemente por conexões discadas lentas e mexer com bits de Perl e HTML. Mas a Web evoluiu exponencialmente em um período muito curto. Seja para receber entregas de supermercado de última hora ou usar a IA para resumir vários artigos longos, um link agora é um portal para infinitas possibilidades.
É por isso que muitos de nós amamos a Web. Para ajudar você a conquistar mais pessoas no mundo todo, lançamos novas ferramentas para todos os desenvolvedores da Web, sejam eles front-end ou full-stack, iniciantes ou profissionais.
Confira nosso resumo de 2024 sobre recursos inovadores que permitem criar experiências na Web mais criativas com menos esforço.
A IA integrada ao Chrome ajuda os desenvolvedores a oferecer recursos avançados com o Gemini
No Google I/O 2024, anunciamos como estamos usando a IA para turbinar a Web com o Gemini Nano integrado diretamente ao Chrome. Até o momento, mais de 13 mil pessoas participaram do programa de pré-lançamento para ajudar a moldar o futuro da Web. Agradecemos muito suas contribuições e mal podemos esperar para ver todas as experiências inovadoras de IA que você vai criar.
Para ajudar você a aproveitar ao máximo a IA, lançamos várias APIs integradas em testes de origem, como a API Prompt (experimental), a API Translator, a API Summarizer e a API Language Detector. Todos eles permitem executar tarefas com tecnologia de IA no navegador sem chamadas de servidor, e não há necessidade de gerenciar e implantar seus próprios modelos de IA. Mais de 8.600 desenvolvedores se inscreveram no Desafio de IA integrada do Google Chrome para criar um app da Web ou uma extensão do Chrome usando essas APIs. Vamos anunciar os vencedores em meados de janeiro. Não perca!
A IA no dispositivo recebe um impulso com melhorias no WebAssembly (Wasm) e no WebGPU
Acreditamos que a Web é o melhor ambiente de execução para você criar apps com tecnologia de IA que podem alcançar todos. Para complementar nosso trabalho com APIs de IA integradas, também fizemos melhorias em duas tecnologias que permitem trazer seus próprios modelos de IA para a Web e executá-los rapidamente: WebGPU e Wasm.
Introduzimos valores de ponto flutuante de 16 bits na WebGPU e produtos escalares de números inteiros compactados, que permitem um uso mais flexível da GPU de um dispositivo com sombreadores de computação. As melhorias futuras planejadas para a WebGPU incluem subgrupos e matrizes de subgrupos. Esses recursos permitem que os apps se comuniquem rapidamente entre linhas de execução da GPU e aproveitem ao máximo a multiplicação de matrizes de tamanho fixo. Também vamos lançar o Memory64 para Wasm em 2025, permitindo que modelos de IA maiores sejam tratados na memória.
A API View Transition faz com que os sites pareçam mais conectados do que nunca com uma navegação sem atrito
Com novos recursos, como transições de visualização entre documentos, você pode criar uma navegação fluida e integrada em várias páginas. Basta algumas linhas de CSS para se livrar dessas irritantes "piscadas" de recarregamento. A navegação fluida e semelhante à nativa resultante ajuda você a oferecer experiências mais imersivas, mantendo os benefícios das arquiteturas de várias páginas.
O pop-up CSS e o posicionamento de âncora permitem sobreposições interativas sem JavaScript
Agora é possível criar dicas, menus e outras sobreposições com popover e
conectá-los visualmente aos elementos de acionamento com a API CSS Anchor Positioning
(em inglês). Você só precisa de um pouco de CSS e HTML para garantir que as sobreposições permaneçam ancoradas e visíveis mesmo quando as pessoas rolam ou redimensionam as janelas. Seus usuários têm uma experiência da Web mais confiável e dinâmica, e você não precisa mais gerenciar o z-index nem fazer cálculos complicados de posicionamento em JavaScript. Todo mundo ganha.
A API Speculation Rules permite uma navegação quase instantânea pré-renderizando páginas
Os tempos de carregamento de página passaram de rápidos para quase instantâneos este ano com a API Speculation Rules. Essa API, que leva apenas algumas linhas de JSON para ser implementada, permite que as páginas sejam pré-renderizadas totalmente em segundo plano para que estejam prontas quando os usuários estiverem.
A Interaction to Next Paint (INP) se torna uma Core Web Vital
A INP substituiu o First Input Delay como uma Core Web Vital em março para ajudar você a medir a capacidade de resposta da página de forma mais abrangente além da primeira entrada do usuário. Desde então, houve um aumento de 9% no número de sites com INP "bom" em dispositivos móveis, o que se traduz em experiências do usuário mais rápidas e agradáveis na Web.
O preenchimento automático permite que você encante os usuários com compras on-line mais tranquilas
Ativar o preenchimento automático, que permite que os navegadores preencham automaticamente os campos de formulário com as informações salvas dos usuários, pode incentivar as pessoas a concluir o envio de formulários. Quando a equipe do Chrome analisou dados anônimos e agregados de milhares de formulários on-line, descobriu que o abandono de formulários foi reduzido em uma média de 75% quando o preenchimento automático foi usado. Embora muitos fatores contribuam para uma experiência de finalização de compra positiva, os dados sugerem que o preenchimento automático pode ser útil.
O preenchimento automático é especialmente útil para fluxos de finalização de compra de e-commerce. Na Shopify,as finalizações de compra como visitante usando o preenchimento automático têm uma taxa de conversão 45% maior do que as finalizações de compra como visitante sem o preenchimento automático.
O Chrome DevTools melhora com soluções com tecnologia de IA
Talvez você se lembre de que apresentamos o Gemini ao Chrome DevTools com os insights do console, permitindo o acesso à depuração com tecnologia de IA para uma solução de problemas mais eficiente. Desde o Google I/O 2024, esse recurso está disponível no mundo todo.
Também lançamos o painel de assistência de IA, que usa o Gemini para ajudar você a entender os detalhes técnicos da sua página, como estilo, solicitações de rede, fontes e desempenho.
Você deve ter notado que o painel "Performance" também recebeu muitas melhorias este ano, incluindo a capacidade de monitorar as Core Web Vitals em tempo real e adicionar anotações. Além disso, trouxemos o poder do Lighthouse para o painel "Desempenho" com os insights de desempenho.
Com essas melhorias habilitadas para IA, as melhorias no painel "Performance" e dezenas de atualizações de qualidade de vida, como selos de rolagem, o Chrome DevTools está mais útil do que nunca. Ainda mais melhorias, como desempenho atualizado com os novos modelos do Gemini 2.0, serão lançadas em 2025.
O valor de referência de 2024 traz aos desenvolvedores novos recursos da Web entre navegadores
Da interpolação de gradiente às propriedades personalizadas registradas, a Baseline 2024 inclui 39 recursos da Web novos e compatíveis com vários navegadores até o momento. Não é preciso se preocupar com a interoperabilidade depois que um recurso faz parte da Baseline por pelo menos 30 meses. Mas se você estiver tentando decidir se vale a pena usar um novo recurso e perder um pouco do alcance, confira os Insights do arquivo RUM da Akamai para conhecer os recursos de cada versão do Baseline e a participação global dos usuários.
Nosso anúncio favorito do ano é o painel de status da plataforma da Web, que mostra todos os recursos da Web e o nível de compatibilidade entre navegadores. O mais interessante é que os dados que alimentam o painel de status da plataforma da Web são abertos e disponíveis para você usar e integrar às suas próprias ferramentas. Um ótimo exemplo disso é o banner de referência.
Os principais navegadores tornam mais recursos de referência com o Interop 2024
Para ajudar a trazer mais recursos para o Baseline, trabalhamos novamente com nossos parceiros no Interop 2024. Os recursos de destino deste ano incluem popover, aninhamento de CSS, ajuste de tamanho da fonte e sintaxe de cor relativa.
A interoperabilidade também descreve pontuações para versões experimentais e estáveis do navegador. A pontuação geral de interoperabilidade para navegadores estáveis é de 87, e o Chrome Stable tem uma pontuação de 98 à medida que nos aproximamos do final do ano. Você pode acompanhar o progresso dos navegadores no painel de interoperabilidade. Já estamos planejando o Interop 2025, que será anunciado em fevereiro.
Moldando o crescimento da Web juntos no ano-novo
Por mais empolgante que seja nosso progresso em 2024, sabemos que o futuro é ainda mais promissor. E tudo isso graças à paixão, ao feedback e à inovação coletiva de vocês, nossa comunidade de desenvolvedores. Em eventos no mundo todo, desde a BrazilJS Conference e o DevFest Paris até o Google I/O 2024 e o primeiro Web AI Summit, uma coisa ficou clara para nós várias vezes: todos vocês acreditam no poder e no potencial da Web tanto quanto nós.
Você tem ideias mais ousadas do que nunca. Temos o compromisso de ajudar você a dar vida a eles. Então, fique por dentro das novidades no X, YouTube e LinkedIn. Vamos reimaginar o poder da Web juntos.