{"id":33491,"date":"2020-01-20T06:30:32","date_gmt":"2020-01-20T14:30:32","guid":{"rendered":"https:\/\/staging.kinsta.site\/?p=65587&preview=true&preview_id=65587"},"modified":"2022-05-06T02:33:43","modified_gmt":"2022-05-06T05:33:43","slug":"google-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/staging.kinsta.site\/pt\/blog\/google-pagespeed-insights\/","title":{"rendered":"Google PageSpeed Insights: A Verdade sobre a Pontua\u00e7\u00e3o 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 uma busca que valha a pena. Quando voc\u00ea se concentrar em implementar as recomenda\u00e7\u00f5es da plataforma em vez de zerar o n\u00famero no topo da p\u00e1gina, voc\u00ea estar\u00e1 criando muito mais benef\u00edcios para o seu site.<\/p>\n

Este post \u00e9 um guia abrangente para usar o Google PageSpeed Insights em seu melhor benef\u00edcio. Cobriremos como o Google utiliza a sua pontua\u00e7\u00e3o, bem como a forma de incorporar as recomenda\u00e7\u00f5es recebidas.<\/p>\n

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

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

Uma Introdu\u00e7\u00e3o \u00e0 P\u00e1gina do GoogleSpeed Insights<\/h2>\n

Se ainda n\u00e3o est\u00e1 familiarizado com o\u00a0Google PageSpeed Insights<\/a>, \u00e9 uma ferramenta utilizada para testar o desempenho do site. Voc\u00ea pode digitar qualquer URL e fazer com que ela seja analisada:<\/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

\"P\u00e1gina
P\u00e1gina do GoogleSpeed Insights pontua\u00e7\u00e3o<\/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 da 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, aplica\u00e7\u00f5es web progressivas, e muito mais.<\/p>\n

Para ver a avalia\u00e7\u00e3o abrangente do Lighthouse sobre o seu site, voc\u00ea pode usar ferramenta Measure do Google<\/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\n

A verdade sobre a pontua\u00e7\u00e3o 100\/100 na P\u00e1gina do GoogleSpeed Insights<\/h2>\n

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

Embora voc\u00ea certamente deva se esfor\u00e7ar para melhorar os tempos de carregamento do seu site tanto quanto poss\u00edvel, obter um 100\/100 no Google PageSpeed Insights n\u00e3o \u00e9 realmente t\u00e3o importante<\/strong>. Para come\u00e7ar, nem sequer \u00e9 o teste de desempenho “be-all-end-all”.<\/p>\n

Ao contr\u00e1rio da PageSpeed Insights, a Pingdom Tools<\/a> permite testar o desempenho do seu site a partir de v\u00e1rios locais:<\/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 a sua pontua\u00e7\u00e3o nestas diferentes ferramentas n\u00e3o corresponda exatamente, o que lhe mostra como estes n\u00fameros podem ser arbitr\u00e1rios.<\/p>\n

O que realmente importa \u00e9 a velocidade real do seu site<\/strong>. Para colocar isto em perspectiva, vimos sites com tempos m\u00e9dios de carregamento inferiores a 500 milissegundos (o que \u00e9 extremamente r\u00e1pido!) que n\u00e3o t\u00eam uma pontua\u00e7\u00e3o de 100\/100 na PageSpeed Insights.<\/p>\n

O outro fator que deve influenciar a sua abordagem \u00e0 optimiza\u00e7\u00e3o da velocidade \u00e9 a percep\u00e7\u00e3o do desempenho<\/a> do seu site. Os seus visitantes n\u00e3o querem saber qual \u00e9 a sua pontua\u00e7\u00e3o no Google PageSpeed Insights. Eles s\u00f3 querem poder ver o 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 atingir uma pontua\u00e7\u00e3o alta. Em vez disso, \u00e9 para encontrar pontos problem\u00e1ticos no seu site, para que voc\u00ea possa otimiz\u00e1-los e diminuir o tempo real e percebido de carregamento.<\/p>\n\n

Como o Google utiliza a PageSpeed Insights<\/h2>\n

Al\u00e9m de influenciar a experi\u00eancia do usu\u00e1rio do seu site (UX), o desempenho tamb\u00e9m desempenha um papel na SEO<\/a>. Dado que o PageSpeed Insights \u00e9 gerido pelo maior e mais popular motor de pesquisa do mundo, \u00e9 l\u00f3gico que a sua pontua\u00e7\u00e3o possa ter algum efeito nas classifica\u00e7\u00f5es da sua P\u00e1gina de Resultados do Motor de Pesquisa (SERP) (pelo menos no pr\u00f3prio Google).<\/p>\n

A realidade \u00e9 que o Google utiliza o<\/i> PageSpeed Insights para determinar as classifica\u00e7\u00f5es – mais ou menos. A velocidade do local \u00e9 um facor de classifica\u00e7\u00e3o, simples e direto. Sua pontua\u00e7\u00e3o no teste de desempenho pode lhe dar uma boa id\u00e9ia de onde voc\u00ea est\u00e1 nessa frente.<\/p>\n

No entanto, o Google leva em considera\u00e7\u00e3o mais do que apenas o n\u00famero no c\u00edrculo na parte superior dos resultados do PageSpeed. Atingir um 100\/100 n\u00e3o lhe garante um lugar de topo nos SERPs.<\/p>\n\n

Com isso dito, voc\u00ea ainda pode colocar seus resultados PageSpeed Insights para trabalhar ao melhorar seu SEO. Por exemplo, desde 2018, a velocidade da p\u00e1gina m\u00f3vel tem sido um fator de ranking<\/a> para o Google. Voc\u00ea notar\u00e1 que seu teste de desempenho fornece dados tanto para a vers\u00e3o desktop quanto para a vers\u00e3o m\u00f3vel do seu site:<\/p>\n

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

Uma vez que mais de\u00a073% dos utilizadores da Internet m\u00f3vel <\/a>afirmam ter encontrado um site que demora demasiado tempo a carregar, as informa\u00e7\u00f5es no separador Google PageSpeed Insights Mobile<\/strong> s\u00e3o inestim\u00e1veis. Usar as recomenda\u00e7\u00f5es aqui para\u00a0diminuir os tempos de carga<\/a> nos smartphones e outros dispositivos deve dar uma vantagem competitiva.<\/p>\n

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

Falamos muito sobre as recomenda\u00e7\u00f5es da Google PageSpeed Insights neste post. S\u00e3o a verdadeira carne dos resultados dos seus testes de desempenho, e muito mais valiosos do que a sua pontua\u00e7\u00e3o real. \u00c9 por isso que lhes dedicamos o resto deste posto.<\/p>\n

Antes de mergulharmos nas sugest\u00f5es individuais, no entanto, voc\u00ea precisar\u00e1 entender a diferen\u00e7a entre os seus Dados de Campo<\/strong> e os Dados do Laborat\u00f3rio<\/strong>. O primeiro compara o seu site com outros no Relat\u00f3rio de Experi\u00eancia do Utilizador Chrome nos \u00faltimos 30 dias.<\/p>\n

H\u00e1 tamb\u00e9m dois gr\u00e1ficos que mostram onde a sua M\u00e9dia de\u00a0Primeira Tinta Contenciosa (FCP)<\/a> e Primeira Entrada de Retardo (FID)<\/a> caem:<\/p>\n

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

Na imagem acima, o FCP do nosso site \u00e9 aproximadamente o mesmo que 45% dos sites no percentil 75, e o nosso FID \u00e9 aproximadamente o mesmo que 9% do percentil 95.<\/p>\n

Lab Data<\/strong> mostra dados espec\u00edficos para uma carga de p\u00e1gina simulada:<\/p>\n

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

Vai reparar que os nossos Dados de Campo e Dados de Laborat\u00f3rio\u00a0<\/strong>n\u00e3o o fazem match exactly<\/a>. Isso \u00e9 perfeitamente normal. Os Dados de Laborat\u00f3rio<\/strong> s\u00e3o criados sob condi\u00e7\u00f5es fixas, enquanto os Dados de Campo<\/strong> utilizam velocidades de carga reais coletadas ao longo do tempo.<\/p>\n

Quando analisados em conjunto, os Dados de Campo<\/strong> e os Dados do Laborat\u00f3rio<\/strong> devem dar uma ideia dos tempos reais de carregamento do seu site. Como mencion\u00e1mos anteriormente, isto \u00e9 ainda mais importante do que a sua pontua\u00e7\u00e3o geral na PageSpeed, por isso vai querer prestar aten\u00e7\u00e3o a estes n\u00fameros.<\/p>\n

Depois de considerar essas informa\u00e7\u00f5es, \u00e9 hora de come\u00e7ar a melhorar o desempenho do seu site com as recomenda\u00e7\u00f5es da Google PageSpeed.<\/p>\n

1. Eliminar recursos de Render-Blocking<\/h3>\n

Uma das recomenda\u00e7\u00f5es mais comuns do Google PageSpeed Insights \u00e9 eliminar os recursos de render-blocking<\/a>:<\/p>\n

\"Eliminar
Eliminar a recomenda\u00e7\u00e3o de recursos de render-bloqueio<\/figcaption><\/figure>\n

Isto se refere a scripts JavaScript e CSS que est\u00e3o impedindo a sua p\u00e1gina de carregar rapidamente. O browser do visitante tem de descarregar e processar estes ficheiros antes de poder mostrar o resto da p\u00e1gina, pelo que ter muitos deles “acima da dobra” pode afetar negativamente a velocidade do seu site.<\/p>\n

Voc\u00ea pode aprender mais sobre este assunto em nosso guia para\u00a0eliminar scripts de render-bloqueio<\/a>. No que diz respeito ao Google, h\u00e1 duas solu\u00e7\u00f5es que voc\u00ea deve considerar:<\/p>\n