{"id":33491,"date":"2020-01-20T06:30:32","date_gmt":"2020-01-20T14:30:32","guid":{"rendered":"https:\/\/kinsta.com\/?p=65587&preview=true&preview_id=65587"},"modified":"2025-05-12T08:06:38","modified_gmt":"2025-05-12T11:06:38","slug":"google-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/google-pagespeed-insights\/","title":{"rendered":"Google PageSpeed Insights: A Verdade Sobre Alcan\u00e7ar 100\/100"},"content":{"rendered":"

O Google PageSpeed Insights<\/a> \u00e9 sem d\u00favida uma ferramenta \u00fatil para webmasters, desenvolvedores e propriet\u00e1rios de sites de todos os tipos. No entanto, temos notado que muitas pessoas passam horas obcecadas em otimizar seus sites, a fim de tentar obter uma pontua\u00e7\u00e3o de 100\/100 neste teste.<\/p>\n

A verdade \u00e9 que n\u00e3o \u00e9 assim que o Google PageSpeed Insights deve ser usado, nem \u00e9 um esfor\u00e7o que realmente vale a pena. Quando voc\u00ea foca em implementar as recomenda\u00e7\u00f5es da plataforma, em vez de se fixar no n\u00famero que aparece no topo da p\u00e1gina, voc\u00ea gera muito mais benef\u00edcios reais para o seu site.<\/p>\n

Este artigo \u00e9 um guia completo para usar o Google PageSpeed Insights da melhor forma poss\u00edvel. Vamos explicar como o Google usa sua pontua\u00e7\u00e3o e como incorporar as recomenda\u00e7\u00f5es que voc\u00ea recebe.<\/p>\n

Vamos come\u00e7ar!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

O que \u00e9 o Google PageSpeed Insights?<\/h2>\n

O Google PageSpeed Insights<\/a> \u00e9 uma ferramenta usada para testar o desempenho de sites. Voc\u00ea pode inserir qualquer URL para que ele seja analisado.<\/p>\n

\"P\u00e1gina
P\u00e1gina do GoogleSpeed Insights.<\/figcaption><\/figure>\n

O Google fornece ent\u00e3o uma pontua\u00e7\u00e3o geral de 100 para o site que voc\u00ea testou, com base em v\u00e1rias melhores pr\u00e1ticas de otimiza\u00e7\u00e3o de desempenho.<\/p>\n

\"Pontua\u00e7\u00e3o
Pontua\u00e7\u00e3o do PageSpeed Insights.<\/figcaption><\/figure>\n

Juntamente com este resultado, ver\u00e1 tamb\u00e9m v\u00e1rias recomenda\u00e7\u00f5es do Google sobre como melhorar o seu desempenho (e, portanto, a sua pontua\u00e7\u00e3o no PageSpeed Insights tamb\u00e9m).<\/p>\n

\"Recomenda\u00e7\u00f5es
Recomenda\u00e7\u00f5es do Google PageSpeed Insights.<\/figcaption><\/figure>\n

A partir de 2018, as pontua\u00e7\u00f5es PageSpeed Insights s\u00e3o calculadas atrav\u00e9s do\u00a0Lighthouse<\/a>, a ferramenta automatizada de c\u00f3digo aberto do Google, para melhorar a qualidade geral das p\u00e1ginas web. Esta plataforma pode avaliar todo o tipo de fatores, incluindo desempenho, acessibilidade, aplicativos progressivos (PWAs)<\/a> e muito mais.<\/p>\n

Para ver a avalia\u00e7\u00e3o completa do Lighthouse sobre seu site, voc\u00ea pode usar a ferramenta Google Measure<\/a>:<\/p>\n

\"Google
Google Webmasters Ferramenta de auditoria de medi\u00e7\u00e3o.<\/figcaption><\/figure>\n

Al\u00e9m de realizar uma auditoria de desempenho muito parecida com a que o Google PageSpeed Insights executa, voc\u00ea receber\u00e1 pontua\u00e7\u00f5es de acessibilidade, melhores pr\u00e1ticas e Otimiza\u00e7\u00e3o para mecanismos de pesquisa (SEO)<\/a>.<\/p>\n

A verdade sobre alcan\u00e7ar 100\/100 no Google PageSpeed Insights<\/h2>\n

Como mencionamos no in\u00edcio deste artigo, vemos muitos propriet\u00e1rios de sites e desenvolvedores que ficam obcecados em conseguir uma pontua\u00e7\u00e3o perfeita no PageSpeed Insights. Infelizmente, essas pessoas acabam ignorando o aspecto mais importante dos resultados do teste: as recomenda\u00e7\u00f5es.<\/p>\n

Embora voc\u00ea deva, sim, buscar melhorar ao m\u00e1ximo o tempo de carregamento do seu site, alcan\u00e7ar 100\/100 no Google PageSpeed Insights n\u00e3o \u00e9 algo t\u00e3o essencial. Para come\u00e7ar, ele nem sequer \u00e9 o teste definitivo para medir desempenho\u00a0“be-all-end-all”.<\/p>\n

Diferente do PageSpeed Insights, por exemplo, o Pingdom Tools<\/a> permite testar o desempenho do seu site a partir de diferentes localiza\u00e7\u00f5es:<\/p>\n

\"Resultados
Resultados dos testes de velocidade da Pingdom Tools.<\/figcaption><\/figure>\n

Voc\u00ea tamb\u00e9m pode executar testes em plataformas como\u00a0GTmetrix<\/a> (que combina suas pontua\u00e7\u00f5es de PageSpeed Insights e YSlow<\/a>) e WebPageTest<\/a>. \u00c9 prov\u00e1vel que sua pontua\u00e7\u00e3o nessas diferentes ferramentas n\u00e3o corresponda exatamente, o que mostra como esses n\u00fameros podem ser arbitr\u00e1rios.<\/p>\n

O que realmente importa \u00e9 a velocidade real do seu site<\/strong>. Para colocar isso em perspectiva, vimos sites com tempos m\u00e9dios de carregamento inferiores a 500 milissegundos (o que \u00e9 extremamente r\u00e1pido!) que mesmo assim n\u00e3o alcan\u00e7am 100\/100 no PageSpeed Insights.<\/p>\n

Outro fator que deve influenciar sua abordagem na otimiza\u00e7\u00e3o de velocidade \u00e9 o desempenho percebido<\/a> do site. Seus visitantes n\u00e3o se importam com a pontua\u00e7\u00e3o do Google PageSpeed Insights; eles s\u00f3 querem acessar seu conte\u00fado o mais r\u00e1pido poss\u00edvel.<\/p>\n

O verdadeiro prop\u00f3sito de testar o desempenho do seu site com o Google PageSpeed Insights n\u00e3o \u00e9 alcan\u00e7ar uma pontua\u00e7\u00e3o alta. \u00c9 identificar pontos problem\u00e1ticos no seu site, para que voc\u00ea possa otimiz\u00e1-los e reduzir tanto o tempo de carregamento real quanto o percebido.<\/p>\n

Como o Google usa o PageSpeed Insights?<\/h2>\n

Al\u00e9m de influenciar a Experi\u00eancia do Usu\u00e1rio (UX) do seu site, o desempenho tamb\u00e9m tem papel no SEO<\/a>. Como o PageSpeed Insights \u00e9 operado pelo mais popular mecanismo de pesquisa do mundo, faz sentido pensar que sua pontua\u00e7\u00e3o possa afetar seu posicionamento nos resultados de pesquisa (SERPs) \u2014 pelo menos no pr\u00f3prio Google.<\/p>\n

Na pr\u00e1tica, o Google usa realmente os dados do PageSpeed Insights para determinar rankings \u2014 de certa forma. A velocidade do site \u00e9 um fator de ranqueamento, simples assim. Sua pontua\u00e7\u00e3o no teste de desempenho pode dar uma boa no\u00e7\u00e3o de onde voc\u00ea est\u00e1 nessa quest\u00e3o.<\/p>\n

No entanto, o Google considera muito mais do que apenas o n\u00famero no c\u00edrculo no topo dos resultados do PageSpeed. Alcan\u00e7ar 100\/100 n\u00e3o garante que voc\u00ea estar\u00e1 nas primeiras posi\u00e7\u00f5es das SERPs.<\/p>\n\n

Dito isso, voc\u00ea ainda pode usar os resultados do PageSpeed Insights a seu favor para melhorar seu SEO. Desde 2018, a velocidade das p\u00e1ginas para dispositivos m\u00f3veis passou a ser um fator de ranqueamento no Google<\/a>. Voc\u00ea vai perceber que o teste de desempenho oferece dados tanto para a vers\u00e3o desktop quanto para a vers\u00e3o mobile do seu site:<\/p>\n

\"Aba
Aba Mobile no Google PageSpeed Insights.<\/figcaption><\/figure>\n

Como mais de 73% dos usu\u00e1rios de internet m\u00f3vel<\/a> dizem j\u00e1 ter encontrado sites que demoram demais para carregar, as informa\u00e7\u00f5es na aba Mobile do PageSpeed Insights s\u00e3o extremamente valiosas. Seguir as recomenda\u00e7\u00f5es dessa se\u00e7\u00e3o para diminuir o tempo de carregamento<\/a> em smartphones e outros dispositivos pode te dar uma vantagem competitiva.<\/p>\n

Recomenda\u00e7\u00f5es do Google PageSpeed Insights (24 maneiras de melhorar o desempenho)<\/h2>\n

Falamos bastante neste artigo sobre as recomenda\u00e7\u00f5es do Google PageSpeed Insights. Elas s\u00e3o a parte mais relevante dos resultados do teste \u2014 muito mais importantes do que a pontua\u00e7\u00e3o final. \u00c9 por isso que vamos dedicar o restante deste artigo a elas.<\/p>\n

Antes de abordarmos sugest\u00f5es espec\u00edficas, no entanto, voc\u00ea precisa entender a diferen\u00e7a entre Field Data<\/strong> (dados de campo) e Lab Data<\/strong> (dados de laborat\u00f3rio). Field Data<\/strong> compara seu site com outros no Chrome User Experience Report dos \u00faltimos 30 dias.<\/p>\n

Ele tamb\u00e9m exibe dois gr\u00e1ficos mostrando onde sua m\u00e9dia de First <\/strong>Contentful Paint (FCP)<\/a> e First Input Delay (FID)<\/a> se encaixam:<\/p>\n

\"Dados
Dados de Campo do Google PageSpeed Insights.<\/figcaption><\/figure>\n

Na imagem acima, o FCP do nosso site est\u00e1 similar a 45% dos sites no 75\u00ba percentil, e o FID est\u00e1 similar a 9% no 95\u00ba percentil.<\/p>\n

Lab Data<\/strong> mostra dados espec\u00edficos de um carregamento de p\u00e1gina simulado:<\/p>\n

\"Lab
Lab Data no Google PageSpeed Insights.<\/figcaption><\/figure>\n

Voc\u00ea notar\u00e1 que os dados de campo e de laborat\u00f3rio<\/strong> n\u00e3o coincidem exatamente<\/a> \u2014 e isso \u00e9 totalmente normal. O Lab Data<\/strong> \u00e9 gerado sob condi\u00e7\u00f5es fixas, enquanto o Field Data<\/strong> usa velocidades reais coletadas ao longo do tempo.<\/p>\n

Analisando os dois em conjunto, voc\u00ea ter\u00e1 uma boa ideia dos tempos reais de carregamento do seu site. Como mencionamos antes, isso \u00e9 ainda mais importante do que a pontua\u00e7\u00e3o geral no PageSpeed, ent\u00e3o vale a pena prestar aten\u00e7\u00e3o nesses n\u00fameros.<\/p>\n

Ap\u00f3s entender essas informa\u00e7\u00f5es, \u00e9 hora de come\u00e7ar a melhorar o desempenho do seu site com base nas recomenda\u00e7\u00f5es do Google PageSpeed.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

1. Elimine recursos que bloqueiam a renderiza\u00e7\u00e3o (Render-Blocking)<\/h3>\n

Uma das recomenda\u00e7\u00f5es mais comuns do Google PageSpeed Insights \u00e9 eliminar os recursos que bloqueiam a renderiza\u00e7\u00e3o (render-blocking)<\/a>:<\/p>\n

\"Recomenda\u00e7\u00e3o
Recomenda\u00e7\u00e3o para eliminar recursos que bloqueiam a renderiza\u00e7\u00e3o.<\/figcaption><\/figure>\n

Isso se refere a scripts JavaScript e CSS que est\u00e3o impedindo sua p\u00e1gina de carregar rapidamente. O navegador do visitante precisa baixar e processar esses arquivos antes de exibir o restante da p\u00e1gina, ent\u00e3o ter muitos deles acima da dobra<\/strong> pode impactar negativamente a velocidade do site.<\/p>\n

Voc\u00ea pode aprender mais sobre esse problema no nosso guia sobre como eliminar scripts que bloqueiam a renderiza\u00e7\u00e3o<\/a>. Segundo o Google, h\u00e1 duas solu\u00e7\u00f5es principais a considerar:<\/p>\n