{"id":7926,"date":"2022-07-25T15:54:54","date_gmt":"2022-07-25T18:54:54","guid":{"rendered":"https:\/\/blog.umbler.com\/?p=7926"},"modified":"2022-07-26T16:49:52","modified_gmt":"2022-07-26T19:49:52","slug":"pagespeed-importancia","status":"publish","type":"post","link":"https:\/\/blog.umbler.com\/br\/pagespeed-importancia\/","title":{"rendered":"5 ferramentas para medir o pagespeed e desempenho de sites!"},"content":{"rendered":"\n<p>Se tem algo comum a todos os usu\u00e1rios de internet \u00e9 o fato de ningu\u00e9m gostar de esperar uma p\u00e1gina carregar. Quanto mais lenta a p\u00e1gina, maior \u00e9 o tempo perdido que poderia ter sido investido em outras atividades. Por isso, existem ferramentas para medir o pagespeed, ou seja, a velocidade da p\u00e1gina.<\/p>\n\n\n\n<p>Recursos como esse analisam a velocidade e os problemas que impactam no seu funcionamento indicando as solu\u00e7\u00f5es corretas a tomar. Quando n\u00e3o se tem as informa\u00e7\u00f5es adequadas \u00e9 normal que os usu\u00e1rios utilizem atalhos para isso, mas que s\u00e3o apenas paliativos e n\u00e3o resolutivos.<\/p>\n\n\n\n<p>Se voc\u00ea se reconheceu neste problema, acompanhe a leitura deste conte\u00fado at\u00e9 o final. Selecionamos 5 ferramentas poderosas para mensurar o pagespeed e a performance dos sites e falaremos sobre cada uma delas no decorrer do artigo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 o pagespeed?<\/h2>\n\n\n\n<p>O termo ingl\u00eas pagespeed significa velocidade da p\u00e1gina, mas tamb\u00e9m \u00e9 utilizado para referenciar o tempo que um site demora para abrir itens que o comp\u00f5em, como imagens, textos e outros complementos.<\/p>\n\n\n\n<p>Uma p\u00e1gina web \u00e9 formada por v\u00e1rios ativos: HTML, CSS, JavaScript, v\u00eddeos e imagens. Cada um gera uma requisi\u00e7\u00e3o (request) para disponibilizar o que o usu\u00e1rio visualiza num website. Por isso, quanto maior for a quantidade de requisi\u00e7\u00f5es do site, <a href=\"https:\/\/blog.umbler.com\/br\/lentidao-no-tempo-de-carregamento-de-pagina\/\">mais lento ser\u00e1 o tempo para o seu carregamento<\/a>.<\/p>\n\n\n\n<p>O tempo m\u00e1ximo estipulado (e que \u00e9 considerado uma refer\u00eancia) para que uma p\u00e1gina demore a carregar \u00e9 de 3 segundos. Isso vale para qualquer tipo de dispositivo, seja um desktop ou mobile.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Por que voltar as aten\u00e7\u00f5es para o pagespeed?<\/h2>\n\n\n\n<p>Diante dos mais de 200 crit\u00e9rios que a Google estabelece para conceder ranking a um website, o\u00a0site speed \u00e9 considerado o preferido da empresa para pesquisas realizadas em desktop.<\/p>\n\n\n\n<p>Ent\u00e3o, quanto mais r\u00e1pido um site, maiores as chances de se manter um bom posicionamento nas p\u00e1ginas de resultados dos motores de buscas, considerando que oferecem a melhor experi\u00eancia (e mais r\u00e1pida) para quem est\u00e1 utilizando.<\/p>\n\n\n\n<p>Para ter um boa performance nesses motores de buscas \u00e9 indispens\u00e1vel que o site esteja em duas coloca\u00e7\u00f5es: ou no primeiro lugar ou aparecendo entre os 10 primeiros do resultado. O motivo? A maioria esmagadora dos cliques recebidos pelos sites est\u00e3o nesse ranking. Assim, sites que aparecem na segunda p\u00e1gina do resultado de pesquisa dificilmente ser\u00e3o acessados, n\u00e3o ter\u00e3o tr\u00e1fego e muito menos convers\u00e3o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quais os fatores que geram lentid\u00e3o no carregamento de uma p\u00e1gina?<\/h2>\n\n\n\n<p>Normalmente, os fatores que contribuem para que uma p\u00e1gina fique lenta s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Imagens pesadas;<\/li><li>Aplica\u00e7\u00e3o de temas\/templates;<\/li><li>Redirecionamentos;<\/li><li><em>Plugins, apps e widgets;<\/em><\/li><li>Arquivos grandes de CSS e JavaScript;<\/li><li><em>&nbsp;<\/em>Hosting<em>.<\/em><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Como medir o page speed?<\/h2>\n\n\n\n<p>Hoje em dia \u00e9 mais f\u00e1cil realizar um diagn\u00f3stico dos problemas que impactam diretamente o pagespeed. Mas isso \u00e9 poss\u00edvel gra\u00e7as a ferramentas espec\u00edficas para essa finalidade.\u00a0<\/p>\n\n\n\n<p>Al\u00e9m disso, elas s\u00e3o capazes de atribuir \u00e0 p\u00e1gina um tipo de pontua\u00e7\u00e3o e identificar quais fatores contribuem para a lentid\u00e3o da p\u00e1gina. Assim, elas sugerem quais tipo de a\u00e7\u00f5es dever\u00e3o ser tomadas para a resolu\u00e7\u00e3o do problema.<\/p>\n\n\n\n<p>Selecionamos 5 ferramentas para medir o pagespeed. Confira.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#01. Page Speed Insights (Google)<\/h2>\n\n\n\n<p>A ferramenta desenvolvida pela Google integra o <a href=\"https:\/\/developers.google.com\/\">portal para desenvolvedores da organiza\u00e7\u00e3o<\/a>. Em outras palavras, ela analisa o carregamento de um site em dispositivos diferentes, seja desktop ou mobile. Sua utiliza\u00e7\u00e3o \u00e9 gratuita.<\/p>\n\n\n\n<p>Ap\u00f3s a submiss\u00e3o da url&nbsp; da p\u00e1gina \u00e9 enviado uma avalia\u00e7\u00e3o considerando os seguintes pontos:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Mobile &#8211;<\/strong> velocidade<\/li><li><strong>Mobile &#8211;<\/strong> experi\u00eancia do usu\u00e1rio<\/li><li><strong>Desktop &#8211;<\/strong> velocidade<\/li><\/ul>\n\n\n\n<p>Cada um dos crit\u00e9rios acima receber\u00e1 uma nota de classifica\u00e7\u00e3o entre 0 (pior \u00edndice) a 100 (melhor \u00edndice). Dessa forma, quanto mais pr\u00f3xima a classifica\u00e7\u00e3o estiver de 100, menos itens ser\u00e3o apontados para ajustes.<\/p>\n\n\n\n<p>Al\u00e9m disso, ser\u00e1 realizada uma avalia\u00e7\u00e3o detalhada sobre os problemas apontados e uma orienta\u00e7\u00e3o sobre as a\u00e7\u00f5es que devem ser tomadas para corre\u00e7\u00e3o. Similarmente, os itens que estiverem em ordem ser\u00e3o classificados como \u201caprovados\u201d.<\/p>\n\n\n\n<p>Ademais, a ferramenta tamb\u00e9m apresentar\u00e1 uma captura de tela da p\u00e1gina tanto num dispositivo desktop quanto no mobile.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#02. Web Page Analizer (Website Optimization)<\/h2>\n\n\n\n<p>A Web Page Analizer \u00e9 uma ferramenta gratuita desenvolvida por Andy King, escritor do livro &#8220;Website Opitmiziation\u201d, lan\u00e7ado pela O\u2019Reilly no ano de 2008. Ela realiza o c\u00e1lculo da p\u00e1gina, dos itens e do tempo necess\u00e1rio para carregamento.<\/p>\n\n\n\n<p>Tabelas com informa\u00e7\u00f5es essenciais sobre o assunto mostram os resultados. No final da p\u00e1gina h\u00e1 uma \u00e1rea de an\u00e1lise e recomenda\u00e7\u00f5es na qual elementos como HTML, script, imagens e outros s\u00e3o comentados com orienta\u00e7\u00f5es de melhorias.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#03. Pingdom Website Speed Test<\/h2>\n\n\n\n<p>Nesta ferramenta tamb\u00e9m gratuita, n\u00e3o s\u00f3 \u00e9 poss\u00edvel receber a nota de classifica\u00e7\u00e3o, como tamb\u00e9m tamb\u00e9m \u00e9 poss\u00edvel visualizar em destaque a quantidade de requisi\u00e7\u00f5es feitas pela p\u00e1gina, tempo total para carregamento e o tamanho total de todos os arquivos.<\/p>\n\n\n\n<p>Ap\u00f3s o resumo, \u00e9 poss\u00edvel visualizar um gr\u00e1fico com todas as requisi\u00e7\u00f5es feitas e o tempo necess\u00e1rio para o carregamento individual. Assim, ao posicionar o mouse sobre uma das barras de tempo, aparecer\u00e1 um bal\u00e3o informando o tempo de dura\u00e7\u00e3o de cada item do processo, desde a requisi\u00e7\u00e3o at\u00e9 a resposta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#04. GT Metrix<\/h2>\n\n\n\n<p>A an\u00e1lise dessa ferramenta utiliza 27 crit\u00e9rios diferentes para atribuir sua nota de classifica\u00e7\u00e3o. Em cada um deles \u00e9 poss\u00edvel visualizar o que necessita ser aprimorado. Assim como na ferramenta anterior, \u00e9 poss\u00edvel visualizar as requisi\u00e7\u00f5es individuais.<\/p>\n\n\n\n<p>Dessa forma, o \u00edndice de classifica\u00e7\u00e3o do page speed estar\u00e1 em destaque e as notas de classifica\u00e7\u00e3o s\u00e3o apresentadas em percentual de 0 a 100%.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#05. Load Impact<\/h2>\n\n\n\n<p>Em contrapartida ao Pingdom, no Load Impact s\u00e3o apresentados em gr\u00e1ficos que mensuram o pagespeed quando o site \u00e9 acessado por uma quantidade X de usu\u00e1rios simultaneamente.\u00a0<\/p>\n\n\n\n<p>Por isso, \u00e9 recomendado para analisar a capacidade do servidor ao ordenar a quantidade de acessos num ambiente controlado.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quem somos n\u00f3s<\/h2>\n\n\n\n<p>N\u00f3s da Umbler, nos consolidamos revolucionando a gest\u00e3o de informa\u00e7\u00e3o de in\u00fameros empreendedores, onde alcan\u00e7amos mais de 30 mil clientes em todo o Brasil, simplificando a gest\u00e3o de <a href=\"https:\/\/blog.umbler.com\/br\/crm-whatsapp-vendas-atendimento\/\">atendimento<\/a> de clientes para empreendedores de diversos segmentos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Medir o pagespeed \u00e9 essencial para garantir o pleno funcionamento de um site. Quanto menos lenta uma p\u00e1gina estiver, menos transtorno\u00a0a sua empresa ter\u00e1 e mais atrativo seu site estar\u00e1 para os seus potenciais clientes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se tem algo comum a todos os usu\u00e1rios de internet \u00e9 o fato de ningu\u00e9m gostar de esperar uma p\u00e1gina carregar. Quanto mais lenta a p\u00e1gina, maior \u00e9 o tempo perdido que poderia ter sido investido em outras atividades. Por isso, existem ferramentas para medir o pagespeed, ou seja, a velocidade da p\u00e1gina. Recursos como [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":7927,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[228,572,573,370],"class_list":["post-7926","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comunidade","tag-desempenho","tag-ferramentas","tag-pagespeed","tag-site"],"_links":{"self":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/7926"}],"collection":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/comments?post=7926"}],"version-history":[{"count":0,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/7926\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media\/7927"}],"wp:attachment":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media?parent=7926"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/categories?post=7926"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/tags?post=7926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}