O Speed Index (índice de velocidade) é uma das seis métricas monitoradas na seção Desempenho do relatório Lighthouse. Cada métrica captura algum aspecto da velocidade de carregamento da página.
O Lighthouse apresenta a métrica Speed Index em segundos:
O que mede o Speed Index
O Speed Index mede a rapidez com que o conteúdo é exibido visualmente durante o carregamento da página. O Lighthouse primeiro captura um vídeo do carregamento da página no navegador e calcula a progressão visual entre os quadros. O Lighthouse depois usa o módulo Speedline Node.js para gerar a pontuação Speed Index.
O Speedline é baseado nos mesmos princípios do índice de velocidade original introduzido pelo WebpageTest.org, mas calcula a progressão visual entre os quadros usando o índice de similaridade estrutural (SSIM) em vez da distância de histograma.
Como o Lighthouse determina sua pontuação Speed Index
Sua pontuação Speed Index (índice de velocidade) é uma comparação do índice de velocidade da sua página e os índices de velocidade de sites reais, com base nos dados do HTTP Archive .
A tabela abaixo mostra como interpretar sua pontuação Speed Index:
See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.
Como melhorar sua pontuação Speed Index
Embora qualquer coisa que você faça para melhorar a velocidade de carregamento da página melhore sua pontuação Speed Index, lidar com quaisquer problemas descobertos por as auditorias de diagnóstico a seguir deve ter um impacto particularmente grande:
- Minimize o trabalho do thread principal
- Reduza o tempo de execução do JavaScript
- Garanta que o texto permanece visível durante o carregamento das fontes web
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
Updated on • Improve article