Skip to content
Aprender Medir Blog Case studies Sobre
Nesta página
  • Como a auditoria de velocidade de carregamento de página do Lighthouse falha
  • Como melhorar o tempo de carregamento da sua página
  • How to improve your overall Performance score
  • Recursos

O carregamento da página não é rápido o suficiente em redes móveis

May 4, 2019 — Atualizado Jun 10, 2020
Available in: Español, 日本語, 한국어, Русский, 中文, English
Appears in: Auditorias de PWA
Nesta página
  • Como a auditoria de velocidade de carregamento de página do Lighthouse falha
  • Como melhorar o tempo de carregamento da sua página
  • How to improve your overall Performance score
  • Recursos

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:

Auditoria Lighthouse mostrando que página não carrega 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:

Lighthouse: Opportunities section

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
Last updated: Jun 10, 2020 — Improve article
Return to all articles
Compartilhar
assinar

Contribute

  • Registrar um bug
  • Visualizar código-fonte

Conteúdo relacionado

  • developer.chrome.com
  • Atualizações do Chrome
  • Web Fundamentals
  • Estudos de caso
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos os produtos
  • Termos e privacidade
  • Diretrizes da comunidade

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.