Muitos usuários da sua página acessam o site usando uma conexão de rede celular lenta. Fazer com que sua página carregue rapidamente em uma rede móvel ajuda a garantir uma experiência positiva para os usuários de dispositivos móveis.
Por que a auditoria de velocidade de carregamento de página do Lighthouse falha
O Lighthouse sinaliza páginas que não carregam rápido o suficiente em dispositivos móveis:
Duas métricas principais afetam como os usuários percebem o tempo de carregamento:
- Primeira exibição significativa (FMP, na sigla em inglês), que mede quando o conteúdo principal da página aparece visualmente completo
- Tempo para interação da página (TTI, na sigla em inglês), que mede quando a página é totalmente interativa
Por exemplo, se uma página parecer visualmente completa após 1 segundo, mas o usuário não conseguir interagir com ela por 10 segundos, o tempo de carregamento da página provavelmente será de 10 segundos.
O Lighthouse calcula qual seria o TTI em uma conexão de rede 4G lenta. Se o tempo para interação da página for maior que 10 segundos, a auditoria será reprovada.
Como melhorar sua pontuação de performance geral
A menos que você tenha um motivo específico para focar em determinada métrica, geralmente é melhor se concentrar em melhorar sua pontuação de desempenho geral.
Use a seção Oportunidades do relatório do Lighthouse para determinar quais melhorias terão mais valor para sua página. Quanto mais significativa for a oportunidade, maior será o efeito dela na sua pontuação de desempenho. Por exemplo, a captura de tela do Lighthouse abaixo mostra que eliminar os recursos de bloqueio de renderização gera a maior melhoria:
Consulte a página de destino de auditorias de desempenho para saber como aproveitar as oportunidades identificadas no seu relatório do Lighthouse.
Recursos
- Código-fonte da auditoria O carregamento de página não é rápido o suficiente em redes móveis
- Lista de verificação de referência de Progressive Web App
- Caminho crítico de renderização
- Comece a analisar o desempenho do ambiente de execução
- Registrar o desempenho de carregamento
- Como otimizar a eficiência do conteúdo
- Desempenho da renderização