As transições rápidas de página são fundamentais para a forma como os usuários percebem o desempenho do seu Progressive Web App (PWA). As transições precisam ser rápidas, mesmo em uma rede lenta.
Recomendações
Para encontrar transições lentas entre as páginas, navegue no seu app da Web usando uma rede lenta simulada. Para fazer isso no Chrome:
[comment]: <> (Os dois primeiros itens da lista são de um código curto do web.dev, mas não foram traduzidos do inglês para nenhum idioma.)
1. Pressione Control+Shift+J (ou Command+Option+J no Mac) para abrir o DevTools.
2. Clique na guia Rede.
3. Na lista suspensa Limitação, selecione 3G lento.
Sempre que você tocar em um link ou botão no app, verifique se a página responde imediatamente de uma destas duas maneiras:
- A página faz a transição imediatamente para a próxima e mostra uma tela de carregamento enquanto aguarda o conteúdo da rede.
- A página mostra um indicador de carregamento enquanto o app aguarda uma resposta da rede.
Se você estiver trabalhando em um app de página única renderizado pelo cliente, faça a transição do usuário para a próxima página imediatamente e mostre uma tela de esqueleto. Mostre imediatamente qualquer conteúdo que já estiver disponível, como o título da página ou a miniatura, enquanto o restante do conteúdo é carregado.