O carregamento da página não é rápido o suficiente em redes móveis
Muitos usuários acessam sua página através de uma conexão de rede celular lenta. Fazer sua página carregar rapidamente numa rede móvel ajuda a garantir uma experiência positiva para seus usuários móveis.
Um carregamento de página rápido numa rede móvel é um requisito básico para um site ser considerado um Progressive Web App. Veja a checklist do Core Progressive Web App.
Como a auditoria de velocidade de carregamento de página do Lighthouse falha
O Lighthouse marca páginas que não carregam rápido o suficiente em dispositivos móveis:
Duas métricas principais afetam a forma como os usuários percebem o tempo de carregamento:
- First Meaningful Paint - FMP (primeira renderização significativa), que mede quando o conteúdo principal da página parece visualmente completo
- Time to Interactive - TTI (tempo até a interatividade), que mede quando a página é totalmente interativa
Por exemplo, se uma página parecer visualmente completa depois de um segundo, mas o usuário não puder interagir com ela por 10 segundos, os usuários provavelmente perceberão o tempo de carregamento da página como sendo 10 segundos.
O Lighthouse calcula qual seria o valor do TTI numa conexão de rede 4G lenta. Se o tempo de interação for superior a 10 segundos, a auditoria falhará.
In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).
Como melhorar o tempo de carregamento da sua página
How to improve your overall Performance score
Unless you have a specific reason for focusing on a particular metric, it's usually better to focus on improving your overall Performance score.
Use the Opportunities section of your Lighthouse report to determine which improvements will have the most value for your page. The more significant the opportunity, the greater the effect it will have on your Performance score. For example, the Lighthouse screenshot below shows that eliminating render-blocking resources will yield the biggest improvement:
See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.
Recursos
- Código fonte para auditoria Carregamento da página não é rápido o suficiente en dispositivos móveis
- Checkout básico do Progressive Web App
- Caminho de renderização crítico
- Comece a analisar o desempenho do tempo de execução
- Registre o desempenho de carga
- Otimizando a eficiência do conteúdo
- Desempenho da renderização