No Chrome Dev Summit 2019, o Google anunciou novas ferramentas para desenvolvedores melhorarem a experiência do usuário, reduzirem o tempo de carregamento e aumentarem a segurança na web.
Há duas décadas, o Google começou como um mecanismo de busca na web, mas hoje domina a forma como experimentamos e interagimos com a web. A Pesquisa Google, por si só, comanda enormemente a maior parte do uso on-line, mas outros produtos, como o navegador mais popular do mundo – Google Chrome – bem como o sistema operacional móvel mais utilizado – o Android – colocaram o Google na liderança entre outros stakeholders da web. A porcentagem de usuários que acessam a Internet usando dispositivos móveis aumentou, assim como a ênfase da gigante da Internet na redução do tempo de carregamento para garantir a aderência. AMP ou páginas móveis aceleradas foi uma medida que o Google deu para garantir um carregamento mais rápido das páginas da web. No ano passado, também introduziu um elemento da web conhecido como "Portais" para otimizar a alternância "perfeita" entre páginas da web.
Com a visão de "fazer o carregamento desaparecer", o Google anunciou hoje novas ferramentas para desenvolvedores no Conferência de desenvolvedores do Chrome 2019 para tornar a web mais segura e fácil de usar, ao mesmo tempo que aumenta as chances de ajudar os desenvolvedores a aumentar sua base de usuários e também suas receitas.
Portais
O Google demonstrou o progresso que Portais fez desde que foi lançado no Google I/O no início deste ano e implementado atrás de uma bandeira no Chrome Canary. Para refrescar sua memória, os Portais permitem que os desenvolvedores incorporem determinado conteúdo ou páginas inteiras em outra página, como um iframe. Para eliminar qualquer tempo de espera, o conteúdo do Portal ou do frame é carregado enquanto o usuário ainda navega na página inicial.
O Google compartilhou um exemplo de serviço de ingressos de cinema Fandango em que a página de destino de um filme específico (Palhaço no exemplo) está vinculado a um Portal. Quando um usuário toca no Joker, a próxima página já é renderizada totalmente carregada.
Pacotes da Web
Google está anunciando Pacotes da Web que é criado para ajudar os desenvolvedores da web a compartilhar seu conteúdo da web com outras pessoas por meio de uma variedade de meios, incluindo, entre outros, e-mail, USB ou FTP. Os desenvolvedores poderão armazenar em cache efetivamente todo o conteúdo da web destinado a ser compartilhado usando APIs como Sincronização periódica em segundo plano e Indexação de conteúdo e então renderizar seletivamente o conteúdo necessário, mesmo que o usuário final não esteja conectado à Internet. Para permitir que os desenvolvedores da web utilizem essa funcionalidade, o Google está disponibilizando Web Bundles atrás de uma sinalização do Chrome, enquanto as duas APIs estarão disponíveis como ensaios de origem.
Experiência web nativa
Embora esteja ciente de que muitos usuários usam seus telefones celulares para ficar online, o Google também reconhece os padrões de uso entre dispositivos em todo o mundo. Por mais de alguns anos, o Google vem pressionando Aplicativos da Web progressivos (PGAs) como substituto de aplicativos Android nativos com o objetivo de reduzir o tempo de carregamento e o consumo de dados.
[largura do vídeo="390" altura="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]
Para alinhar os aplicativos na web com os aplicativos nativos, o Google está anunciando três novos recursos para desenvolvedores. Estes são:
- Receptor de SMS, o que permitirá que aplicativos da web busquem códigos de autenticação baseados em SMS, assim como os aplicativos podem. No vídeo acima, você pode ver como a versão web do Swiggy, um serviço de pedidos de comida indiana, sugere ao usuário que aproveite o código de verificação recebido via SMS.
- Seletor de contato, que permitirá aos usuários fazer upload de contatos para aplicativos da web de maneira semelhante ao compartilhamento de contatos em aplicativos de mensagens como o WhatsApp.
- API do sistema de arquivos nativo, que dará aos aplicativos da web a permissão e a facilidade de ler arquivos e pastas do dispositivo de um usuário e salvar as alterações diretamente neles. As aplicações potenciais desse recurso podem incluir editores de texto on-line, editores de fotos e vídeos, até mesmo IDEs baseados na Web e muito mais.
Essas APIs também estarão disponíveis como testes de origem para o Google Chrome.
Novas métricas e orientações para desenvolvedores
Para ajudar a contextualizar a “saúde geral da web”, o Google anunciou um projeto chamado O Almanaque da Web em parceria com o Arquivo HTTP. Com orientação de 85 especialistas, o projeto tem como objetivo buscar insights e visualizar tendências em dados acionáveis sobre as melhores e piores práticas na web.
A missão envolveu a revisão de quase 6 milhões de websites, após a qual estes especialistas condensaram as suas conclusões sobre formas de melhorar a experiência do utilizador em 20 capítulos. Esta prática será repetida como uma “tradição anual” para que o Almanaque continue sendo um guia útil para desenvolvedores web.
Junto com isso, o Google também está introduzindo duas novas métricas para ajudar os desenvolvedores a otimizar seus sites de acordo com as práticas recomendadas. Estes são:
- Maior pintura com conteúdo (LCP), que é o tempo de carregamento "percebido" de uma página da web. Simplificando, é o tempo de carregamento do “maior elemento visível no ponto de vista”. Isso vai quantificar a rapidez com que os elementos-chave de uma página da web são carregados para que os desenvolvedores possam eliminar qualquer tipo de atraso. O LCP é calculado para o tempo antes de o usuário interagir com a página, portanto a intenção aqui é minimizar o atraso de carregamento tanto quanto possível.
- Mudança cumulativa de layout (CLS), que é usado para avaliar a estabilidade das páginas da web. Ele pode ajudar os desenvolvedores a determinar com que frequência elementos como botões ou uma imagem específica mudam sua localização na parte visível enquanto a página está carregando. Assim, o CLS pode ajudar os desenvolvedores a eliminar esse problema frustrante de elementos mudando de posição enquanto a página carrega. Essa métrica se baseia na “pontuação de mudança de layout”, que mede a tendência dos elementos da página se deslocarem durante o carregamento, incomodando assim os usuários. A pontuação de mudança de layout deve ser idealmente zero – ou pelo menos o mais próximo possível de zero – para garantir uma experiência descomplicada para os usuários.
Com o objetivo de ajudar os desenvolvedores a obter o melhor desempenho, acessibilidade e eficiência em seus sites, o Google está ampliando o escopo do Pacotes de pilha de faróis para uma variedade de estruturas. Além do WordPress e do Next.js, que já é compatível com o Lighthouse, o Google está adicionando suporte para frameworks como AMP, Angular, React, além de Magento, o CMS voltado exclusivamente para e-commerce sites.
Melhore o gerenciamento de memória, melhor privacidade e maior controle
O Google afirma estar investindo tempo, esforço e dinheiro para solucionar uma das maiores reclamações do Google Chrome: o consumo de memória. Além de trabalhar na melhoria do gerenciamento de memória, eles também melhoram constantemente o desempenho do Chrome para garantir que a web permaneça acessível a todos, independentemente de "seu tipo de dispositivo, velocidade da Internet ou poder de compra."
Em termos de privacidade, a próxima versão do Google Chrome, ou seja, ver79, melhorará a forma como os cookies são tratados. Isso inclui uma nova alternância na página Novas guias no modo de navegação anônima para ajudar os usuários a controlar muito melhor os cookies de terceiros. A página Configurações também será ajustada para tornar essa alternância facilmente acessível no modo normal.
O Google está intensificando seus esforços no desenvolvimento de Sandbox de privacidade, que é definido como o conjunto de padrões abertos estabelecidos para melhorar a privacidade online. O Privacy Sandbox tem como objetivo permitir que os sites implantem cookies sem fazer com que os usuários se sintam sobrecarregados ou inseguros devido aos anúncios, ao mesmo tempo que encontram maneiras de bloquear impressões digitais.