{"id":1776,"date":"2019-07-11T00:00:00","date_gmt":"2019-07-11T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2019\/07\/11\/google-pagespeed-insights\/"},"modified":"2019-07-11T00:00:00","modified_gmt":"2019-07-11T00:00:00","slug":"google-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/","title":{"rendered":"Google PageSpeed Insights: como atingir a nota m\u00e1xima e obter mais resultados?"},"content":{"rendered":"\n<p>O que \u00e9 melhor: fazer r\u00e1pido ou fazer bem-feito?&nbsp;Essa pergunta levantaria uma discuss\u00e3o interessante em qualquer roda de conversa, mas o ponto deste artigo \u00e9 mostrar que, em muitos casos, elas s\u00e3o a mesma coisa, especialmente quando se trata de experi\u00eancia do usu\u00e1rio em sites, <a rel=\"noopener noreferrer\" href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-blog\/\" target=\"_blank\">blogs<\/a> e aplicativos.<\/p>\n\n\n\n<p>A velocidade de carregamento das p\u00e1ginas faz toda a diferen\u00e7a.&nbsp;N\u00e3o \u00e9 \u00e0 toa que o Google d\u00e1 tanta import\u00e2ncia a esse fator na hora de <a rel=\"noopener noreferrer\" href=\"https:\/\/rockcontent.com\/br\/blog\/o-que-e-seo\/\" target=\"_blank\">rankear as p\u00e1ginas<\/a> nos resultados de busca<\/p>\n\n\n\n<p>Mesmo que o seu site tenha o design ideal para a sua <a href=\"https:\/\/rockcontent.com\/br\/blog\/persona-ou-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">persona<\/a> e que voc\u00ea j\u00e1 tenha revisado o conte\u00fado mais de mil vezes para garantir que esteja claro e objetivo o suficiente, sua estrat\u00e9gia vai sofrer se n\u00e3o tiver p\u00e1ginas leves e r\u00e1pidas.<\/p>\n\n\n\n<p>Felizmente, o Google criou uma ferramenta, chamada de <strong>Google PageSpeed Insights, que ajuda a avaliar (e melhorar) a velocidade de carregamento de um site<\/strong>.<\/p>\n\n\n\n<p>Vamos entender mais sobre como esse recurso funciona e por que voc\u00ea precisa us\u00e1-lo hoje mesmo.<\/p>\n\n\n\n<p>Neste artigo voc\u00ea vai aprender:<\/p>\n\n\n[post-table-index]\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/stage.rockcontent.com\/br\/performance\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-opt-id=916004078  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/07\/banner-analyzer.png\" alt=\"Stage Analyzer\"\/><\/a><\/figure>\n\n\n\n<a id=\"que\">&nbsp;<\/a><h2>O que \u00e9 o Google PageSpeed Insights<\/h2>\n\n\n\n<p>O PageSpeed Insights, tamb\u00e9m conhecido como PSI, \u00e9 uma ferramenta online do Google que avalia a <a rel=\"noopener noreferrer\" href=\"https:\/\/rockcontent.com\/br\/blog\/como-melhorar-a-velocidade-de-carregamento\/\" target=\"_blank\">velocidade de carregamento de uma p\u00e1gina<\/a> web.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=195965142  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:482\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/09\/google-pagespeed-1024x482.png\" alt=\"funcionamento do Google PageSpeed Insight\" class=\"wp-image-42415\"\/><\/figure><\/div>\n\n\n\n<p>A avalia\u00e7\u00e3o <strong>separa o desempenho em dispositivos m\u00f3veis da performance em computadores<\/strong>, e ainda oferece sugest\u00f5es pr\u00e1ticas para otimizar a velocidade das p\u00e1ginas.<\/p>\n\n\n\n<p>Isso faz do PSI uma solu\u00e7\u00e3o intuitiva e simples de usar, al\u00e9m de ser gratuita. Mas h\u00e1 quem dispense o seu uso e ache que n\u00e3o \u00e9 t\u00e3o relevante assim.<\/p>\n\n\n\n<p>Entender o que motiva o Google a criar um recurso como esse pode ajudar voc\u00ea a pensar diferente.<\/p>\n\n\n\n<a id=\"motiva\">&nbsp;<\/a> <h2>O que motiva um servi\u00e7o como o Google PageSpeed Insights<\/h2>\n\n\n\n<p>Tr\u00eas palavrinhas que voc\u00ea j\u00e1 deve estar cansado de escutar \u2014 \u201c<a href=\"https:\/\/rockcontent.com\/br\/blog\/experiencia-do-usuario\/\" target=\"_blank\" rel=\"noopener noreferrer\">experi\u00eancia do usu\u00e1rio<\/a>\u201d \u2014 resumem o trabalho do Google em defender e estimular a cria\u00e7\u00e3o de p\u00e1ginas mais r\u00e1pidas e leves.<\/p>\n\n\n\n<p>Ningu\u00e9m gosta de esperar muito para encontrar as informa\u00e7\u00f5es desejadas no <a href=\"https:\/\/rockcontent.com\/br\/blog\/navegador\/\">navegador<\/a>. Pense no seu pr\u00f3prio caso: quantas vezes j\u00e1 ficou impaciente por esperar uma p\u00e1gina carregar no celular ou at\u00e9 no computador?<\/p>\n\n\n\n<p>Se parar para pensar, vai perceber que, na maioria das vezes em que isso aconteceu, a grande \u201cdemora\u201d foi de apenas alguns segundos. Logo, se 1 segundo parece uma semana para o usu\u00e1rio, sites lentos <strong>afetam de forma muito negativa a experi\u00eancia de navega\u00e7\u00e3o<\/strong>.<\/p>\n\n\n\n<p>O Google n\u00e3o quer isso e voc\u00ea tamb\u00e9m n\u00e3o. Afinal, experi\u00eancia ruim significa dinheiro na mesa.<\/p>\n\n\n\n<a id=\"acontece\">&nbsp;<\/a><h2>O que acontece com p\u00e1ginas que demoram para&nbsp;carregar<\/h2>\n\n\n\n<p>Ser\u00e1 que faz tanta diferen\u00e7a assim ter um site que demora 1 segundo a mais para carregar do que a m\u00e9dia? Sem d\u00favida alguma!<\/p>\n\n\n\n<p>Quer ver a prova? Um <a rel=\"noopener noreferrer\" href=\"https:\/\/neilpatel.com\/blog\/loading-time\/\" target=\"_blank\">estudo da Kissmetrics<\/a> sobre o assunto revelou que 1 segundo de atraso resulta em 7% a menos de <a rel=\"noopener noreferrer\" href=\"https:\/\/rockcontent.com\/br\/blog\/cro\/\" target=\"_blank\">convers\u00f5es em um site<\/a>.<\/p>\n\n\n\n<p>Como exemplo disso, se um e-commerce vende 100 mil reais por dia, apenas <strong>1 segundo a mais no carregamento<\/strong> das p\u00e1ginas poderia <strong>custar at\u00e9 2,5 milh\u00f5es em vendas perdidas<\/strong> no ano!<\/p>\n\n\n\n<p>Parece absurdo? Veja as v\u00e1rias formas pelas quais o tempo de carregamento da p\u00e1gina afetaria a sua opera\u00e7\u00e3o e seus resultados de vendas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Maior \u00edndice de&nbsp;abandono<\/h3>\n\n\n\n<p>A mesma pesquisa da Kissmetrics, citada acima, mostrou que o comportamento dos compradores online \u00e9 bastante alterado dependendo da velocidade da loja em que est\u00e3o.<\/p>\n\n\n\n<p>O estudo mostrou que nada menos que <strong>40% dos clientes abandonam um site<\/strong> que demora mais de 3s para carregar. Sabe o que isso significa?<\/p>\n\n\n\n<p>Que se voc\u00ea tiver um e-commerce cujas p\u00e1ginas de produto demoram 3.5s para carregar, pode desperdi\u00e7ar quase metade do potencial de tr\u00e1fego e perder muitas vendas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Menos convers\u00f5es<\/h3>\n\n\n\n<p>Cliente satisfeito compra duas vezes, ou tr\u00eas, ou dez. O fato \u00e9 que se os seus clientes n\u00e3o gostarem da experi\u00eancia de compra, dificilmente v\u00e3o retornar. E como o tempo de carregamento das p\u00e1ginas contribui para isso?<\/p>\n\n\n\n<p>Apenas 1 segundo de atraso (ou 3s de espera) reduzem a satisfa\u00e7\u00e3o dos clientes em 16%!<\/p>\n\n\n\n<p>Como complemento dessa descoberta, \u00e9 um grande alerta saber que 79% dos clientes que se dizem insatisfeitos com o desempenho do site n\u00e3o voltam a fazer compras nele.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Menos tr\u00e1fego&nbsp;org\u00e2nico<\/h3>\n\n\n\n<p>O tr\u00e1fego \u00e9 a origem da rela\u00e7\u00e3o comercial. Sem ele, n\u00e3o h\u00e1 compra. E o <a href=\"https:\/\/rockcontent.com\/br\/blog\/o-que-e-trafego-organico\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"tr\u00e1fego org\u00e2nico (abre numa nova aba)\">tr\u00e1fego org\u00e2nico<\/a> \u00e9 ainda mais precioso, pois vem de forma natural e custa menos para adquirir do que investir em an\u00fancios.<\/p>\n\n\n\n<p>E se voc\u00ea achava que, pelo menos nisso, a velocidade n\u00e3o seria um problema, se enganou. A Kissmetrics mostrou tamb\u00e9m que <strong>44% dos compradores contam aos amigos sobre uma experi\u00eancia online negativa<\/strong>.<\/p>\n\n\n\n<p>Do mesmo jeito que o \u201c<a href=\"https:\/\/rockcontent.com\/br\/blog\/marketing-boca-a-boca\/\" target=\"_blank\" rel=\"noopener noreferrer\">boca a boca<\/a>\u201d pode ser de grande ajuda para conseguir tr\u00e1fego org\u00e2nico qualificado, o contr\u00e1rio tamb\u00e9m \u00e9 verdade: voc\u00ea pode perder visitas por criar uma m\u00e1 reputa\u00e7\u00e3o diante da persona.<\/p>\n\n\n\n<p>Sabe o que todos os dados apresentados aqui mostram de forma clara?<\/p>\n\n\n\n<p>Que uma fra\u00e7\u00e3o de tempo aparentemente insignificante tem, na verdade, grande influ\u00eancia sobre a maneira como a sua empresa vai ser vista e sobre os resultados financeiros que ela conseguir\u00e1 atingir.<\/p>\n\n\n\n<p>Em outras palavras, <strong>quando se trata de fazer neg\u00f3cios online, tempo \u00e9 dinheiro<\/strong>, de uma forma at\u00e9 assustadora.<\/p>\n\n\n\n<a id=\"contagem\">&nbsp;<\/a><h2>Como a contagem do Google PageSpeed Insights&nbsp;funciona<\/h2>\n\n\n\n<p>A nota que o seu site recebe quando voc\u00ea digita a URL no PSI n\u00e3o \u00e9 aleat\u00f3ria, e nem poderia. \u00c9 preciso entender bem o processo da an\u00e1lise para que ela seja precisa e confi\u00e1vel.<\/p>\n\n\n\n<p>Assim, qual \u00e9 o crit\u00e9rio usado pelo Google na hora de determinar a nota que cada p\u00e1gina web deve receber?<\/p>\n\n\n\n<p>Basicamente, o PageSpeed Insights faz duas coisas:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Analisa o tempo de carregamento<\/strong> da sua p\u00e1gina e quantos recursos ela possui (plugins, scripts de c\u00f3digo que se comunicam mais vezes com o servidor e fazem a p\u00e1gina demorar mais para carregar etc.);<\/li><li><strong>Compara esses dados<\/strong> com a m\u00e9dia de todas as p\u00e1ginas analisadas.<\/li><\/ol>\n\n\n\n<p>Depois dessa compara\u00e7\u00e3o, o PSI faz um relat\u00f3rio simples, mas objetivo, que mostra:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>qual \u00e9 a m\u00e9dia do tempo de carregamento das p\u00e1ginas na internet;<\/li><li>qual \u00e9 o seu tempo de carregamento;<\/li><li>sua nota final;<\/li><li>sugest\u00f5es de melhorias para otimizar seu carregamento.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=814689982  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/09\/relatorio-psi.png\" alt=\"relat\u00f3rio do Google PageSpeed Insight\" class=\"wp-image-42417\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=1058598898  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/09\/melhorias-psi.png\" alt=\"melhorias que podem ser feitas no site, segundo o PSI\" class=\"wp-image-42418\"\/><\/figure><\/div>\n\n\n\n<p>E como \u00e9 dada essa nota? Ela vai de 0 a 100, e \u00e9 definida quando o algoritmo compara a p\u00e1gina com as <a href=\"https:\/\/rockcontent.com\/br\/blog\/site-responsivo-para-o-google\/\" target=\"_blank\" rel=\"noopener noreferrer\">boas pr\u00e1ticas (criadas pelo pr\u00f3prio Google<\/a>) para otimizar o desempenho.<\/p>\n\n\n\n<p>Por fim, <strong>a nota \u00e9 dada com base em quanto espa\u00e7o h\u00e1 para melhora e otimiza\u00e7\u00e3o<\/strong>, ou seja, quantos pontos recomendados ainda falta voc\u00ea aplicar.<\/p>\n\n\n\n<p>Junto da nota em n\u00famero, existe uma classifica\u00e7\u00e3o em texto, que \u00e9 assim:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>boa: pontua\u00e7\u00e3o a partir de 80;<\/li><li>m\u00e9dia: pontua\u00e7\u00e3o entre 60 e 79;<\/li><li>ruim: pontua\u00e7\u00e3o de 0 a 59.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=1146251293  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/09\/psi-nota-final.png\" alt=\"nota final do PSI\" class=\"wp-image-42416\"\/><\/figure><\/div>\n\n\n\n<a id=\"relat\u00f3rio\">&nbsp;<\/a><h2>Como usar o relat\u00f3rio do Google PageSpeed Insights<\/h2>\n\n\n\n<p>\u00c9 muito f\u00e1cil usar o relat\u00f3rio do PSI. Como j\u00e1 explicamos, basta <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=pt-br\" target=\"_blank\" rel=\"noopener noreferrer\">acessar o link do PageSpeed Insights<\/a> e digitar sua URL para ver o resultado.<\/p>\n\n\n\n<p>Mas e depois? \u00c9 preciso agir rapidamente para corrigir os erros e conseguir resultados melhores. Logo abaixo das sugest\u00f5es, h\u00e1 links com os dizeres \u201c<strong>mostrar como corrigir<\/strong>\u201d.<\/p>\n\n\n\n<p>Assim que clicar neles, voc\u00ea vai ver quais s\u00e3o os arquivos que est\u00e3o prejudicando a velocidade da p\u00e1gina e como lidar com eles para diminuir o tempo de resposta junto ao servidor.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=2021217750  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/09\/como-melhorarr-psi.png\" alt=\"como corrigir erros no pagespeed insight\" class=\"wp-image-42424\"\/><\/figure>\n\n\n\n<p>\u00c9 simples e r\u00e1pido receber o diagn\u00f3stico, mas s\u00f3 fa\u00e7a isso quando estiver preparado para seguir com o \u201ctratamento\u201d e otimizar de vez o seu site.<\/p>\n\n\n\n<a id=\"ferramenta\">&nbsp;<\/a><h2>Por que voc\u00ea deve levar essa ferramenta a s\u00e9rio<\/h2>\n\n\n\n<p>Por que uma ferramenta t\u00e3o simples, e com uma fun\u00e7\u00e3o que tantas outras realizam (avaliar a velocidade de um site), deveria ser levada a s\u00e9rio?<\/p>\n\n\n\n<p>Em primeiro lugar, porque os n\u00fameros deixaram mais do que claro o valor (para a marca e para o caixa) de ter um site que carrega sem demora.<\/p>\n\n\n\n<p>Al\u00e9m disso, <strong>o Google tem um n\u00edvel de credibilidade que fala por si<\/strong>. Ent\u00e3o, n\u00e3o custa nada seguir as boas pr\u00e1ticas da empresa e otimizar seu site de acordo com as recomenda\u00e7\u00f5es.<\/p>\n\n\n\n<p>Seus resultados podem melhorar exponencialmente s\u00f3 com algumas a\u00e7\u00f5es b\u00e1sicas e r\u00e1pidas, e com uma ferramenta gr\u00e1tis. \u00c9 o exemplo perfeito de situa\u00e7\u00e3o \u201cganha-ganha\u201d.<\/p>\n\n\n\n<a id=\"alcan\u00e7ar\">&nbsp;<\/a><h2>Como alcan\u00e7ar a nota m\u00e1xima no PageSpeed Insights: 4 fatores essenciais<\/h2>\n\n\n\n<p>Voc\u00ea, com certeza, est\u00e1 de olho na nota 100 \u2014 o ponto mais alto da classifica\u00e7\u00e3o e que garante um olhar favor\u00e1vel do maior mecanismo de busca do mundo para a sua p\u00e1gina.<\/p>\n\n\n\n<p>Isso \u00e9 \u00f3timo, mas, para conquistar a t\u00e3o sonhada nota, \u00e9 vital que voc\u00ea siga \u00e0 risca as recomenda\u00e7\u00f5es do relat\u00f3rio e <strong>otimize seu site sem demora<\/strong>.<\/p>\n\n\n\n<p>Como cada site tem uma situa\u00e7\u00e3o diferente, vou citar 4 fatores que a maioria dos sites com notas boas (mas n\u00e3o \u00f3timas) precisa melhorar, e como voc\u00ea pode fazer isso.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Menos c\u00f3digo&nbsp;HTML<\/h3>\n\n\n\n<p>A otimiza\u00e7\u00e3o do <a href=\"https:\/\/rockcontent.com\/br\/blog\/html\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"c\u00f3digo HTML (abre numa nova aba)\">c\u00f3digo HTML<\/a> pode passar despercebida, especialmente se o seu site j\u00e1 existe h\u00e1 algum tempo ou foi feito sem seguir as melhores pr\u00e1ticas do Google.<\/p>\n\n\n\n<p>O fato \u00e9 que a maneira como o c\u00f3digo \u00e9 organizado determina como os servidores v\u00e3o ler as informa\u00e7\u00f5es e em quanto tempo elas aparecer\u00e3o na tela.<\/p>\n\n\n\n<p><strong>C\u00f3digo duplicado ou tags usadas fora de prop\u00f3sito atrapalham<\/strong>. Felizmente, n\u00e3o \u00e9 preciso rever toda a estrutura de c\u00f3digo para fazer as mudan\u00e7as necess\u00e1rias.<\/p>\n\n\n\n<p>Existem ferramentas de compress\u00e3o do HTML que podem fazer esse trabalho de forma autom\u00e1tica e sem demora. Algumas delas at\u00e9 funcionam como plugins para <a rel=\"noopener noreferrer\" href=\"https:\/\/rockcontent.com\/br\/blog\/cms\/\" target=\"_blank\">CMS<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Bom uso do&nbsp;cache<\/h3>\n\n\n\n<p>Na an\u00e1lise do PSI, um dos principais elementos analisados \u00e9 a quantidade de recursos que o navegador precisa assimilar da sua p\u00e1gina.<\/p>\n\n\n\n<p>Isso inclui imagens, scripts, fontes etc. Tudo isso pode ficar \u201cgravado na mem\u00f3ria\u201d do navegador por meio do cache.<\/p>\n\n\n\n<p>Assim, o navegador s\u00f3 vai carregar os elementos uma vez. Toda vez que o usu\u00e1rio trocar de p\u00e1gina, o browser vai apenas \u201cse lembrar deles\u201d e puxar as informa\u00e7\u00f5es necess\u00e1rias do cache.<\/p>\n\n\n\n<p>Mas \u00e9 preciso que voc\u00ea otimize seu site para fazer bom uso dessa possibilidade.<\/p>\n\n\n\n<p>Plugins como o <a rel=\"noopener noreferrer\" href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\">W3 Total Cache<\/a>, um dos mais populares do mundo, fazem isso de forma brilhante e ainda oferecem outros recursos para otimizar seu c\u00f3digo.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=374799231  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:462\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/09\/w3-cache-1024x462.png\" alt=\"W3 Total Cache\" class=\"wp-image-42420\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3. Compress\u00e3o de recursos<\/h3>\n\n\n\n<p>Um dos elementos que mais pesam no carregamento de uma p\u00e1gina s\u00e3o as imagens, o que faz da compress\u00e3o uma das recomenda\u00e7\u00f5es mais recorrentes do PageSpeed Insights.<\/p>\n\n\n\n<p>Muita gente se esquece de <strong>comprimir as imagens<\/strong>, que pesam bastante e deixam os sites mais lentos.<\/p>\n\n\n\n<p>Com a <a href=\"https:\/\/rockcontent.com\/br\/blog\/marketing-de-conteudo-visual\/\" target=\"_blank\" rel=\"noopener noreferrer\">internet cada vez mais visual<\/a>, \u00e9 comum ter muitos arquivos desse tipo. Ent\u00e3o, nada melhor que usar um bom compressor para reduzir o tamanho desses arquivos.<\/p>\n\n\n\n<p>O mesmo vale para <a href=\"https:\/\/rockcontent.com\/br\/blog\/css\/\">CSS<\/a> e Javascript. Junto com o HTML, eles comp\u00f5em toda a p\u00e1gina. Ent\u00e3o, \u00e9 mais do que \u00f3bvio que a compress\u00e3o desses arquivos far\u00e1 o seu desempenho vai melhorar significativamente, assim como a sua nota geral no PSI.<\/p>\n\n\n\n<p>Voc\u00ea pode usar ferramentas gratuitas como o <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"TinyPNG (abre numa nova aba)\">TinyPNG<\/a> para fazer a compress\u00e3o das imagens, antes de post\u00e1-las em seu blog.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=614295429  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:470\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/09\/tiny-png-1024x470.png\" alt=\"compress\u00e3o de imagens como tinypng\" class=\"wp-image-42421\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">4. AMP:\u200aAccelerated mobile&nbsp;pages<\/h3>\n\n\n\n<p>O <a href=\"https:\/\/www.ampproject.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">AMP (Accelerated Mobile Pages)<\/a> \u00e9 mais uma iniciativa do pr\u00f3prio Google para garantir que as p\u00e1ginas de sites sejam carregadas de forma mais r\u00e1pida em dispositivos m\u00f3veis.<\/p>\n\n\n\n<p>A ideia \u00e9 <strong>oferecer uma experi\u00eancia mobile mais b\u00e1sica<\/strong>, sem coisas que funcionariam melhor nas vers\u00f5es para desktop. Por tirar esses recursos desnecess\u00e1rios, a velocidade fica maior.<\/p>\n\n\n\n<p>Isso deixa claro que para o usu\u00e1rio \u00e9 melhor ter uma experi\u00eancia simples e r\u00e1pida do que uma vers\u00e3o do site cheia de recursos e ser obrigado a esperar mais tempo para ver o conte\u00fado.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img data-opt-id=966881416  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/09\/amp.png\" alt=\"s\u00edmbolo AMP em buscas no celular\" class=\"wp-image-42423\" width=\"600\"\/><\/figure><\/div>\n\n\n\n<p>O Google PageSpeed Insights \u00e9 uma ferramenta muito simples, mas extremamente valiosa para deixar sua estrat\u00e9gia digital mais completa e garantir que as suas p\u00e1ginas web trabalhem no m\u00e1ximo do potencial.<\/p>\n\n\n\n<p>Quer resultados ainda melhores com a sua estrat\u00e9gia digital? Ent\u00e3o confira tamb\u00e9m o nosso <a href=\"https:\/\/materiais.rockcontent.com\/guia-seo-rockcontent\" target=\"_blank\" rel=\"noopener noreferrer\">conte\u00fado completo sobre SEO 2.0<\/a>!<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/materiais.rockcontent.com\/guia-seo-rockcontent\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-opt-id=936654521  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/07\/o-que-e-seo-20.png\" alt=\"o que \u00e9 seo\" class=\"wp-image-9596\"\/><\/a><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>O Google PageSpeed Insights auxilia na verifica\u00e7\u00e3o e otimiza\u00e7\u00e3o da velocidade de p\u00e1ginas e sites. Por isso, n\u00e3o deixe de conferir como essa ferramenta funciona e como voc\u00ea pode melhorar seus resultados com ela!<\/p>\n","protected":false},"author":1,"featured_media":13485,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-1776","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Google PageSpeed Insights: como conseguir a nota m\u00e1xima<\/title>\n<meta name=\"description\" content=\"Google PageSpeed Insights ajuda na verifica\u00e7\u00e3o e otimiza\u00e7\u00e3o da velocidade de carregamento de um site. Confira este post e saiba como us\u00e1-lo!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google PageSpeed Insights: como conseguir a nota m\u00e1xima\" \/>\n<meta property=\"og:description\" content=\"Google PageSpeed Insights ajuda na verifica\u00e7\u00e3o e otimiza\u00e7\u00e3o da velocidade de carregamento de um site. Confira este post e saiba como us\u00e1-lo!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-11T00:00:00+00:00\" \/>\n<meta name=\"author\" content=\"Pingback\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:site\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingback\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/\",\"url\":\"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/\",\"name\":\"Google PageSpeed Insights: como conseguir a nota m\u00e1xima\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2019-07-11T00:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\"},\"description\":\"Google PageSpeed Insights ajuda na verifica\u00e7\u00e3o e otimiza\u00e7\u00e3o da velocidade de carregamento de um site. Confira este post e saiba como us\u00e1-lo!\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google PageSpeed Insights: como atingir a nota m\u00e1xima e obter mais resultados?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/br\/resources\/\",\"name\":\"Pingback Blog\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\",\"name\":\"Pingback\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Pingback\"},\"description\":\"Pingback: Marketing for builders.\",\"sameAs\":[\"https:\/\/pingback.com\",\"https:\/\/www.instagram.com\/pingbackoficial\/\",\"https:\/\/www.linkedin.com\/company\/pingbackoficial\/\",\"https:\/\/x.com\/pingbackoficial\",\"https:\/\/www.youtube.com\/@pingbackoficial\"],\"url\":\"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Google PageSpeed Insights: como conseguir a nota m\u00e1xima","description":"Google PageSpeed Insights ajuda na verifica\u00e7\u00e3o e otimiza\u00e7\u00e3o da velocidade de carregamento de um site. Confira este post e saiba como us\u00e1-lo!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/","og_locale":"pt_BR","og_type":"article","og_title":"Google PageSpeed Insights: como conseguir a nota m\u00e1xima","og_description":"Google PageSpeed Insights ajuda na verifica\u00e7\u00e3o e otimiza\u00e7\u00e3o da velocidade de carregamento de um site. Confira este post e saiba como us\u00e1-lo!","og_url":"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/","og_site_name":"Pingback","article_published_time":"2019-07-11T00:00:00+00:00","author":"Pingback","twitter_card":"summary_large_image","twitter_creator":"@pingbackoficial","twitter_site":"@pingbackoficial","twitter_misc":{"Escrito por":"Pingback","Est. tempo de leitura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/","url":"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/","name":"Google PageSpeed Insights: como conseguir a nota m\u00e1xima","isPartOf":{"@id":"https:\/\/pingback.com\/br\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/#primaryimage"},"thumbnailUrl":"","datePublished":"2019-07-11T00:00:00+00:00","author":{"@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66"},"description":"Google PageSpeed Insights ajuda na verifica\u00e7\u00e3o e otimiza\u00e7\u00e3o da velocidade de carregamento de um site. Confira este post e saiba como us\u00e1-lo!","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/resources\/google-pagespeed-insights\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/resources\/"},{"@type":"ListItem","position":2,"name":"Google PageSpeed Insights: como atingir a nota m\u00e1xima e obter mais resultados?"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/br\/resources\/#website","url":"https:\/\/pingback.com\/br\/resources\/","name":"Pingback Blog","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66","name":"Pingback","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Pingback"},"description":"Pingback: Marketing for builders.","sameAs":["https:\/\/pingback.com","https:\/\/www.instagram.com\/pingbackoficial\/","https:\/\/www.linkedin.com\/company\/pingbackoficial\/","https:\/\/x.com\/pingbackoficial","https:\/\/www.youtube.com\/@pingbackoficial"],"url":"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/1776","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/comments?post=1776"}],"version-history":[{"count":0,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/1776\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/media?parent=1776"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/categories?post=1776"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/tags?post=1776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}