Guias

O que é o Speed Index? A métrica que mede todo o preenchimento, não um instante

vuetelemetry
Guias
7 min de leitura

O Speed Index é a única das cinco métricas de desempenho do Lighthouse que mede uma curva e não um instante. É por isso que uma página pode ter um bom LCP e pontuar mal aqui, e por isso a solução é outra.

Todas as outras grandes métricas de carregamento nomeiam um momento. O First Contentful Paint é o instante em que algo aparece pela primeira vez. O Largest Contentful Paint é o instante em que o maior elemento assenta. O Speed Index não é um momento de todo: mede a rapidez com que a parte visível da página se preenche ao longo de todo o carregamento.

Essa diferença é a sua razão de ser, e é também o que faz dela a métrica mais difícil de situar.

Como o Lighthouse o mede realmente

Uma grande tela estendida no chão, um pincel de cabo comprido a espalhar tinta vermelha escura sobre ela, latas abertas ao lado e uma pessoa de calças brancas e ténis brancos à beira. A tela vai-se enchendo aos poucos, que é exatamente o que o Speed Index mede: não o instante em que algo aparece, mas como a superfície se enche ao longo do tempo.

O Lighthouse calcula-o gravando um vídeo do carregamento da página e comparando depois os fotogramas sucessivos para estabelecer o grau de completude visual em cada momento. O cálculo é feito pelo módulo de Node Speedline, e a abordagem é herdada do Speed Index original introduzido pelo WebPageTest.

Como integra todo o carregamento, um número mais baixo significa que a página atingiu a completude visual mais cedo **em média**, e não que um elemento concreto tenha chegado mais depressa.

Duas páginas podem terminar no mesmo instante e pontuar de forma muito diferente. Uma desenha o conteúdo progressivamente, pelo que a superfície está em boa parte preenchida cedo. A outra mantém um ecrã em branco e depois pinta tudo de uma vez, tarde. Mesma linha de meta, Speed Index muito diferente e experiência realmente diferente para quem observa.

O que conta como bom e quanto pesa

Pesa **10 por cento** da pontuação de desempenho do Lighthouse, tanto como o [First Contentful Paint](/pt/articles/o-que-e-o-first-contentful-paint-fcp) e um terço do que pesa o [Total Blocking Time](/pt/articles/o-que-e-o-total-blocking-time). Os limiares publicados diferem consoante o perfil de dispositivo, e é por isso que a mesma página não pontua igual em telemóvel e em computador:

Telemóvel: de 0 a 3,4 s rápido, de 3,4 a 5,8 s moderado, acima de 5,8 s lento
Computador: de 0 a 1,3 s rápido, de 1,3 a 2,3 s moderado, acima de 2,3 s lento
Peso na pontuação de desempenho do Lighthouse: 10 por cento

Não é uma Core Web Vital

Um ponto a dizer com clareza: **o Speed Index não é uma Core Web Vital**. É uma das cinco métricas da secção de desempenho do Lighthouse e não alimenta a avaliação das Core Web Vitals que a Google constrói a partir de dados de campo. Se o objetivo é passar as Core Web Vitals, não é este o número a perseguir; se o objetivo é a pontuação do Lighthouse ou a velocidade percebida do carregamento, é.

A distinção conta porque o esforço investido aqui vê-se num sítio e não no outro. O nosso artigo sobre [melhorar as Core Web Vitals](/pt/articles/melhorar-os-core-web-vitals) cobre o lado dos dados de campo.

Bom LCP, mau Speed Index: a forma habitual

Quando o Speed Index está mau e o [LCP](/pt/articles/o-que-e-o-largest-contentful-paint-lcp) parece aceitável, a causa habitual é um carregamento que nada revela até tarde. Recursos que bloqueiam a renderização no cabeçalho, tipos de letra que escondem o texto até chegarem e conteúdo à espera de um pedido do lado do cliente produzem todos a mesma forma: uma tela em branco durante quase todo o carregamento e depois tudo de uma vez.

As soluções decorrem dessa forma e não do nome da métrica. Sirva algo com significado logo na primeira resposta em vez de uma casca vazia, deixe o texto aparecer numa fonte de recurso enquanto a fonte web carrega, e tire do caminho crítico tudo o que não seja preciso para a primeira vista. Cada um destes gestos eleva a completude visual mais cedo na curva, que é exatamente o que a medição premeia.

- vuetelemetry

A ressalva do laboratório

A ressalva honesta é a que vale para qualquer métrica de laboratório. Trata-se de um carregamento guiado sobre hardware simulado, que pode diferir do que os seus visitantes vivem nos seus próprios aparelhos e ligações. Trate-a como um sinal reproduzível sobre a forma do seu carregamento, não como um relato do que os utilizadores reais viram. Pode ver como esse número se transforma em pontos com a nossa [calculadora da pontuação do Lighthouse](/pt/lighthouse-score-calculator).

FAQ

O que é o Speed Index?

Mede a rapidez com que o conteúdo é mostrado visualmente durante o carregamento da página. Ao contrário do First Contentful Paint ou do Largest Contentful Paint, que apontam cada um para um instante único, o Speed Index descreve todo o preenchimento da área visível ao longo do tempo. Um valor mais baixo significa que a página pareceu completa mais cedo, em média ao longo do carregamento.

Como calcula o Lighthouse o Speed Index?

O Lighthouse grava um vídeo do carregamento da página e compara os fotogramas sucessivos para estabelecer o grau de completude visual em cada momento. O cálculo é feito pelo módulo de Node Speedline, e o método é herdado do Speed Index original introduzido pelo WebPageTest.

O que é um bom Speed Index?

No perfil de telemóvel, abaixo de 3,4 segundos é considerado rápido, de 3,4 a 5,8 segundos moderado e acima de 5,8 segundos lento. Em computador as faixas são mais apertadas: abaixo de 1,3 segundos rápido, de 1,3 a 2,3 segundos moderado, acima de 2,3 segundos lento. A mesma página pode assim cair em faixas diferentes consoante o perfil usado.

O Speed Index é uma Core Web Vital?

Não. É uma das cinco métricas da secção de desempenho do Lighthouse e pesa 10 por cento dessa pontuação, mas não faz parte da avaliação das Core Web Vitals que a Google constrói a partir de dados de campo. Trabalhá-lo melhora a pontuação do Lighthouse e a fluidez percebida do carregamento, não o veredicto das Core Web Vitals.

Porque é que o meu Speed Index está mau se o meu LCP está bem?

Porque medem coisas diferentes. O LCP regista o instante em que o maior elemento chega, o que pode ser aceitável mesmo que o ecrã tenha ficado em branco até pouco antes. O Speed Index penaliza exatamente essa forma, já que faz a média da completude visual ao longo de todo o carregamento. Uma página que se preenche progressivamente ganha a uma que aparece de uma só vez, mesmo quando ambas terminam juntas.