Auditorias de desempenho
Essas verificações garantem que sua página seja otimizada para que os usuários possam ver e interagir com o conteúdo da página.
- Pontuação da auditoria de desempenho #
- Pontuação de desempenho no Lighthouse Saiba como o Lighthouse gera a pontuação geral de desempenho de sua página.
- Pontuação de desempenho no Lighthouse
- Métricas #
- First Contentful Paint Learn about Lighthouse's First Contentful Paint metric and how to measure and optimize it.
- Speed Index Aprenda sobre a métrica Speed Index do Lighthouse e como otimizá-la.
- Tempo Total de Bloqueio Saiba mais sobre a métrica de tempo total de bloqueio do Lighthouse e como medi-lo e otimizá-lo.
- Largest Contentful Paint Learn about Lighthouse's Largest Contentful Paint metric and how to measure and optimize it.
- Cumulative Layout Shift Learn about the Cumulative Layout Shift (CLS) metric and how to optimize for it.
- First Contentful Paint
- Oportunidades #
- Eliminate render-blocking resources Learn about the render-blocking-resources audit.
- Redimensione imagens corretamente Saiba mais sobre a auditoria uses-responsive-images.
- Adie imagens offscreen Aprenda sobre a auditoria imagens fora da tela.
- Minificar CSS Saiba mais sobre a auditoria do css não minificado.
- Minify JavaScript Saiba mais sobre a auditoria javascript não-minimizada.
- Remover CSS não utilizado Aprenda sobre a auditoria unused-css-rules.
- Codifique imagens de forma eficiente Saiba mais sobre a auditoria de imagens otimizadas de uso.
- Sirva imagens em formatos modernos Saiba mais sobre a auditoria uses-webp-images.
- Enable text compression Learn about how enabling text compression can improve your webpage load performance.
- Pré-conectar às origens necessárias Saiba mais sobre a auditoria uses-rel-preconnect.
- Reduza os tempos de resposta do servidor (TTFB) Saiba mais sobre a auditoria tempo até o primeiro byte.
- Evite vários redirecionamentos de página Saiba por que os redirecionamentos de página diminuem a velocidade de carregamento de sua página da web e como evitá-los.
- Pré-carregue solicitações importantes Saiba mais sobre a auditoria uses-rel-preload.
- Use formatos de vídeo para conteúdos animados Aprenda sobre a auditoria eficiente de conteúdo animado.
- Reduce the impact of third-party code Learn how third-party code, like advertising networks and analytics services, affects page load performance, and how you can optimize third-party code.
- Evite animações não compostas Como passar na auditoria Lighthouse "Evitar animações não compostas".
- Carregue recursos de terceiros de forma lazy com fachadas Aprenda sobre as oportunidades de carregamento lazy de recursos de terceiros com fachadas.
- Eliminate render-blocking resources
- Diagnóstico #
- Evite enormes cargas de rede Aprenda como melhorar o tempo de carregamento de sua página da web, reduzindo o arquivo total tamanho dos recursos que você atende aos seus usuários.
- Sirva ativos estáticos com uma política de cache eficiente Aprenda como armazenar em cache os recursos estáticos de sua página web pode melhorar o desempenho e confiabilidade para visitantes recorrentes.
- Evite um tamanho excessivo de DOM Aprenda como um DOM grande pode reduzir o desempenho de sua página da web e como você pode reduzir o tamanho dele no momento do carregamento.
- Evite encadear solicitações críticas Aprenda o que são cadeias de solicitações críticas, como elas afetam o desempenho da página da web, e como você pode reduzir o efeito.
- User Timing marks and measures Learn how the User Timing API can help you get real-world performance data for your web page.
- Reduza o tempo de execução do JavaScript Aprenda como a execução de JavaScript pode diminuir o desempenho de sua página e como você pode acelerá-lo.
- Minimize o trabalho do thread principal Aprenda sobre o thread principal do navegador e como você pode otimizar sua página web para reduzir a carga do thread principal e melhorar o desempenho.
- Garanta que o texto permanece visível durante o carregamento das fontes web Aprenda a usar a API font-display para garantir que o texto da sua página web estará sempre visível para seus usuários.
- Keep request counts low and transfer sizes small Learn how high resource counts and large transfer sizes affect load performance. Get strategies for reducing request counts and transfer sizes.
- Ensure the page can be restored from the back/forward cache How to use Lighthouse to test if a page can be restored from the back/forward cache.
- Evite enormes cargas de rede
- Retired metrics #
- Time to Interactive Aprenda sobre a métrica Time to Interactive (tempo até interatividade) da Lighthouse e como medir e otimizá-la.
- First Meaningful Paint (FMP) Saiba mais sobre a métrica First Meaningful Paint da Lighthouse e como medi-la e otimizá-la.
- First CPU Idle Learn about Lighthouse's deprecated First CPU Idle metric and how to optimize it.
- Max Potential First Input Delay Learn about Lighthouse's deprecated Max Potential First Input Delay metric and how to measure and optimize it.
- Time to Interactive