{"id":2687,"date":"2025-08-16T19:46:13","date_gmt":"2025-08-16T22:46:13","guid":{"rendered":"https:\/\/kangaroo.host\/blog\/?p=2687"},"modified":"2025-08-16T20:20:24","modified_gmt":"2025-08-16T23:20:24","slug":"como-funciona-o-pagespeed","status":"publish","type":"post","link":"https:\/\/kangaroo.host\/blog\/como-funciona-o-pagespeed\/","title":{"rendered":"PageSpeed"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Neste artigo vamos falar sobre <strong>PageSpeed<\/strong>, o que \u00e9, como \u00e9 feito, como analisar o resultado, etc. Este artigo com certeza ir\u00e1 te ajudar a entender melhor os testes, e tamb\u00e9m demonstrar poss\u00edveis caminhos para melhorias do seu site, vem com a gente!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sum\u00e1rio<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>O que \u00e9<\/li>\n\n\n\n<li>Como os testes s\u00e3o feitos<\/li>\n\n\n\n<li>Explicando o teste<\/li>\n\n\n\n<li>Pontua\u00e7\u00f5es falsas<\/li>\n\n\n\n<li>Conclus\u00e3o<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>O que \u00e9<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed \u00e9 um termo que se refere \u00e0 velocidade de carregamento de uma p\u00e1gina de um site, onde, atrav\u00e9s de alguns testes, podemos ver se o site est\u00e1 otimizado para uma boa experi\u00eancia ao usu\u00e1rio, se pode melhorar, ou at\u00e9 mesmo se precisa de melhoras.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Existem algumas ferramentas que ajudam a te mostrar se o seu site est\u00e1 com um desempenho agrad\u00e1vel, ou se h\u00e1 algum problema de otimiza\u00e7\u00e3o que precisa ser corrigido dentro dele.<br><br>Aqui est\u00e3o alguns exemplos dessas ferramentas, caso voc\u00ea deseje realizar um teste: <a href=\"https:\/\/pagespeed.web.dev\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a> (PSI), que \u00e9 totalmente gratuito, e n\u00e3o precisa de uma conta. E o <a href=\"https:\/\/gtmetrix.com\" target=\"_blank\" rel=\"noopener\">GTmetrix<\/a>, que tem a sua vers\u00e3o gratuita e tamb\u00e9m uma vers\u00e3o paga, para ter um resultado mais completo, voc\u00ea pode criar uma conta gratuitamente, e\/ou assinar algum dos planos dispon\u00edveis na plataforma.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Como os testes s\u00e3o feitos<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O <strong>PageSpeed Insights<\/strong>, que \u00e9 do Google, utiliza diversos servidores ao redor do mundo, n\u00e3o conseguimos ter uma precis\u00e3o exata de onde os testes s\u00e3o feitos, j\u00e1 o <strong>GTMetrix<\/strong> tamb\u00e9m utiliza servidores ao redor do mundo, por padr\u00e3o o teste \u00e9 feito no Canad\u00e1, mas ao criar uma conta, voc\u00ea pode alterar o servidor e utilizar um localizado em <strong>S\u00e3o Paulo<\/strong>, por exemplo.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al\u00e9m disso, os testes em desktop s\u00e3o feitos utilizando o Google Chrome, e para dispositivos m\u00f3veis existem v\u00e1rias op\u00e7\u00f5es, tanto para sistemas IOS como tamb\u00e9m para Android, mas est\u00e1 apenas dispon\u00edvel com planos PRO.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para saber se o seu site est\u00e1 bem otimizado, o resultado dos testes ser\u00e1 essencial, uma vez que ele te mostrar\u00e1 gr\u00e1ficos com m\u00e9tricas onde voc\u00ea poder\u00e1 identificar onde o seu site est\u00e1 melhor otimizado e onde ele precisa melhorar. Claro que <strong>o resultado depende principalmente do servidor selecionado<\/strong>, onde, se o seu site \u00e9 hospedado no Brasil, \u00e9 essencial realizar o teste em servidores tamb\u00e9m no Brasil, geralmente em S\u00e3o Paulo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Explicando o teste<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aqui vamos explicar um pouco melhor sobre algumas das m\u00e9tricas mostradas quando o teste \u00e9 realizado, entre elas, podemos ver siglas como: LCP, INP, CLS, FCP, TTFB, SI, TI e TBT.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As m\u00e9tricas geralmente possuem notas em porcentagem ou valores, onde, independente da ferramenta que voc\u00ea utilizar, <strong>elas indicam pontos que est\u00e3o bons, os que precisam melhorar, e os que est\u00e3o muito ruins<\/strong>, onde \u00e9 essencial buscar uma melhora. Essas porcentagem\/valores geralmente s\u00e3o representados pelas cores verde (bom), laranja (pode melhorar) ou vermelho (precisa melhorar).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Importante: Dependendo da ferramenta que voc\u00ea use, voc\u00ea pode n\u00e3o ver todos esses exemplos de m\u00e9tricas abaixo.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>LCP (Largest Contentful Paint)<\/strong>: A LCP serve para avaliar o tempo que a maior imagem (ou objeto vis\u00edvel do seu site) leva para carregar para o usu\u00e1rio que est\u00e1 acessando o seu site, ou seja, avalia quanto tempo leva para o conte\u00fado principal da p\u00e1gina ser carregado completamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>INP (Interaction to Next Paint)<\/strong>: O INP avalia o tempo de resposta geral de uma p\u00e1gina em rela\u00e7\u00e3o \u00e0s intera\u00e7\u00f5es do usu\u00e1rio. Ent\u00e3o, ela avalia quanto tempo a p\u00e1gina, bot\u00e3o, etc, leva para responder a partir do clique ou intera\u00e7\u00e3o do usu\u00e1rio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>CLS (Cumulative Layout Shift)<\/strong>: O CLS ir\u00e1 avaliar as mudan\u00e7as INESPERADAS que possam ocorrer na visualiza\u00e7\u00e3o ou a\u00e7\u00e3o do usu\u00e1rio no seu site. Exemplo: Caso exista dois bot\u00f5es na tela, um para \u201ccontinuar\u201d e outro para \u201csair\u201d, o usu\u00e1rio ao tentar clicar no bot\u00e3o de \u201csair\u201d, pode aparecer uma mensagem de \u201ctem certeza\u201d, e isso acabar jogando o bot\u00e3o de \u201ccontinuar\u201d para baixo, isso pode ocasionar em uma nota ruim na avalia\u00e7\u00e3o do CLS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>FCP (First Contentful Paint)<\/strong>: O FCP mede o tempo decorrido a partir do momento em que o usu\u00e1rio acessou a p\u00e1gina, at\u00e9 o momento em que QUALQUER conte\u00fado aparece na tela, seja ele qual for.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>TTFB (Time to First Byte)<\/strong>: O TTFB mede o tempo de resposta do momento em que o usu\u00e1rio deu o comando at\u00e9 o primeiro \u201cbyte\u201d que ele receber\u00e1 como resposta, em outras palavras, \u00e9 o tempo entre o clique e o momento em que ele vai come\u00e7ar a receber os dados da requisi\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>SI (Speed Index)<\/strong>: O SI \u00e9 a m\u00e9trica que avalia o qu\u00e3o r\u00e1pido a p\u00e1gina (sem rolar pra baixo) fica completamente vis\u00edvel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:30px\"><strong>TTI (Time to Interactive)<\/strong>: O TTI mede o tempo que a p\u00e1gina leva para se tornar responsiva, em outras palavras, \u00e9 o tempo que leva para o usu\u00e1rio conseguir interagir com o site.<br><br><strong>TBT (Total Blocking Time)<\/strong>: O TBT mede o tempo em que a p\u00e1gina est\u00e1 \u201cbloqueada\u201d, ou seja, o tempo em que o usu\u00e1rio n\u00e3o consegue interagir com seu site.<\/p>\n\n\n\n<figure class=\"wp-block-image\" style=\"margin-top:-30px\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXckG_JYdUegZ1emHPyEkZlGGoI3BMBtXa5ZJjFnk8zqpaWMedR2wfV6kORiaDN2b1Nb0HdpwzKHdassOHvies3a-x3UVwJNKNQgaz5CL5fn__59q4khdULnVBQGc_1RjKhd4yhQ4Q?key=Tv86pWvDlDnvQ2gOMbf1cWlq\" alt=\"Resultado de um teste de Pagespeed\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Al\u00e9m dessas m\u00e9tricas, o resultado do teste te apresentar\u00e1 alguns gr\u00e1ficos de desempenho, com exemplos do seu site, mostrando o conte\u00fado da sua p\u00e1gina, e o tempo de resposta que o teste encontrou, assim, conseguindo avaliar o desempenho. Voc\u00ea poder\u00e1 encontrar um resultado com uma porcentagem entre 0-100, onde entre <mark style=\"background-color:#cf2e2e\" class=\"has-inline-color\">0-49<\/mark> ser\u00e1 um desempenho ruim, entre <mark style=\"background-color:#ff6900\" class=\"has-inline-color\">50-79<\/mark> precisa melhorar, e entre <mark style=\"background-color:#00d084\" class=\"has-inline-color\">80-100<\/mark> ser\u00e1 bom.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Pontua\u00e7\u00f5es falsas<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Agora que voc\u00ea j\u00e1 sabe como funcionam as ferramentas PageSpeed, temos que trazer um ponto muito importante, que s\u00e3o as pontua\u00e7\u00f5es \u201cfalsas\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As pontua\u00e7\u00f5es falsas podem acontecer quando voc\u00ea utiliza alguns plugins e os configuram de forma que acabam burlando as pontua\u00e7\u00f5es, tornando os sites mais leves apenas para essas ferramentas que fazem o teste, por\u00e9m, na realidade o site \u00e9 mais pesado e pior otimizado do que os testes puderam verificar. Isso pode causar uma reprova\u00e7\u00e3o nos testes Core Web Vitals, que s\u00e3o as principais m\u00e9tricas utilizadas pelo Google.<br><br>Caso isso aconte\u00e7a, seu site pode ficar mal ranqueado ou ter m\u00e1 reputa\u00e7\u00e3o para o Google, o que geraria muitos problemas, entre eles, seu site poderia parar de ser mostrado nas primeiras p\u00e1ginas de pesquisas do Google ou at\u00e9 mesmo n\u00e3o aparecer entre elas. Ent\u00e3o, essa \u00e9 uma pr\u00e1tica que n\u00e3o recomendamos, j\u00e1 que pode causar problemas irrevers\u00edveis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea gostou das informa\u00e7\u00f5es at\u00e9 aqui, e deseja realizar um teste de PageSpeed, preparamos um artigo em nossa base de suporte bem completo de como utilizar a ferramenta <strong>GTMetrix<\/strong>, neste artigo explicamos o porque \u00e9 essencial utilizar os servidores no pa\u00eds onde o seu site \u00e9 hospedado, e tamb\u00e9m falamos com mais detalhes sobre as <strong>Core Web Vitals<\/strong>, al\u00e9m de claro, ensinar a como realizar o teste. Caso deseje, voc\u00ea pode ver este artigo <a href=\"https:\/\/suporte.kangaroo.host\/entendendo-o-teste-gtmetrix\/\" target=\"_blank\" rel=\"noreferrer noopener\">clicando aqui<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9 muito importante entender que os resultados de testes de <strong>PageSpeed<\/strong> n\u00e3o necessariamente indicam problemas na experi\u00eancia final do usu\u00e1rio que est\u00e1 acessando o seu site. Embora seja poss\u00edvel entender se imagens precisam de otimiza\u00e7\u00e3o, se v\u00eddeos est\u00e3o tornando o carregamento da p\u00e1gina mais lenta, focar em obter as melhores pontua\u00e7\u00f5es pode n\u00e3o ser necess\u00e1rio. O ideal \u00e9 sempre focar em otimizar o seu site, e com testes pr\u00e1ticos, entender se a experi\u00eancia \u00e9 a esperada, se algo n\u00e3o est\u00e1 saindo como imaginado, e por a\u00ed vai.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por outro lado, melhores pontua\u00e7\u00f5es, se n\u00e3o forem pontua\u00e7\u00f5es falsas (for\u00e7adas por plugins), indicam que o seu site est\u00e1 bem otimizado, e muito provavelmente a experi\u00eancia do usu\u00e1rio ser\u00e1 melhor. Por isso, recomendamos que sempre se atente aos pontos que podem ser melhorados, e se voc\u00ea n\u00e3o for muito familiarizado com constru\u00e7\u00e3o de sites, procure um programador ou mesmo designers web para que eles, como profissionais na \u00e1rea, possam ajudar a aprimorar e otimizar o acesso ao seu site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por hoje seria isso, Kangaroozinho, vamos ficando por aqui, e esperamos que este artigo tenha te ajudado a entender um pouco mais sobre PageSpeed, otimiza\u00e7\u00e3o do seu site, etc. Um abra\u00e7o, e at\u00e9 a pr\u00f3xima! =D<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neste artigo vamos falar sobre PageSpeed, o que \u00e9, como \u00e9 feito, como analisar o resultado, etc. Este artigo com certeza ir\u00e1 te ajudar a entender melhor os testes, e tamb\u00e9m demonstrar poss\u00edveis caminhos para melhorias do seu site, vem com a gente! Sum\u00e1rio O que \u00e9 PageSpeed \u00e9 um termo que se refere \u00e0 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1210,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[82],"tags":[554,550,553,52,551,552,32,534,123],"class_list":["post-2687","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-otimizacao","tag-acessar","tag-gtmetrix","tag-metricas","tag-otimizacao","tag-pagespeed","tag-pagespeed-insights","tag-site","tag-usuario","tag-velocidade"],"_links":{"self":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/2687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/comments?post=2687"}],"version-history":[{"count":3,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/2687\/revisions"}],"predecessor-version":[{"id":2691,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/2687\/revisions\/2691"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/media\/1210"}],"wp:attachment":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/media?parent=2687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/categories?post=2687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/tags?post=2687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}