{"id":6699,"date":"2021-03-30T07:00:00","date_gmt":"2021-03-30T10:00:00","guid":{"rendered":"https:\/\/blog.umbler.com\/?p=6699"},"modified":"2022-03-10T16:07:52","modified_gmt":"2022-03-10T19:07:52","slug":"lentidao-no-tempo-de-carregamento-de-pagina","status":"publish","type":"post","link":"https:\/\/blog.umbler.com\/br\/lentidao-no-tempo-de-carregamento-de-pagina\/","title":{"rendered":"Lentid\u00e3o no tempo de carregamento de p\u00e1gina: n\u00e3o comprometa o site dos seus clientes!"},"content":{"rendered":"\n<p>De nada adianta sua ag\u00eancia trabalhar pesado para ter conte\u00fados otimizados para SEO se h\u00e1 <strong>lentid\u00e3o no tempo de carregamento de p\u00e1gina<\/strong>.<\/p>\n\n\n\n<p>Ano passado, o Google divulgou uma <a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/11\/timing-for-page-experience\" target=\"_blank\" rel=\"noreferrer noopener\">modifica\u00e7\u00e3o no seu algoritmo<\/a>, frisando que considerar\u00e1 sete fatores para analisar a <a href=\"https:\/\/blog.umbler.com\/br\/whatsapp-para-atendimento\/\">experi\u00eancia do cliente<\/a> em sites, sendo que tr\u00eas deles s\u00e3o novos:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Responsividade;<\/li><li><a href=\"https:\/\/blog.umbler.com\/br\/seguranca-e-privacidade-no-atendimento-com-ia\/\">Seguran\u00e7a<\/a> de navega\u00e7\u00e3o;<\/li><li>HTTPS,<\/li><li>Cumprimento das diretrizes para an\u00fancios intrusivos;<\/li><li>Interatividade;<\/li><li>Estabilidade visual;<\/li><li>Tempo de carregamento da p\u00e1gina.<\/li><\/ul>\n\n\n\n<p>Dessa forma, a preocupa\u00e7\u00e3o com a velocidade deve ser uma das principais <strong>prioridades<\/strong> da sua ag\u00eancia, uma vez que a lentid\u00e3o <strong>compromete completamente a impress\u00e3o que o visitante ter\u00e1 do seu site<\/strong>.<\/p>\n\n\n\n<p>Como consequ\u00eancia, o Google penaliza a p\u00e1gina, influenciando no ranqueamento de forma negativa.<\/p>\n\n\n\n<p>Continue lendo o nosso post e saiba mais sobre o tempo de carregamento da p\u00e1gina e os seus principais impactos.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quais s\u00e3o os impactos da lentid\u00e3o do tempo de carregamento de p\u00e1gina de site?<\/h2>\n\n\n\n<p>Como j\u00e1 falamos, o tempo de carregamento da p\u00e1gina traz diferentes consequ\u00eancias para o site. Confira quais s\u00e3o as principais!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Usabilidade<\/h3>\n\n\n\n<p>N\u00f3s estamos t\u00e3o acostumados a navegar na internet que n\u00e3o lembramos de como um site demorava para carregar antigamente. Hoje em dia, desejamos ter tudo muito r\u00e1pido e com poucos cliques.<\/p>\n\n\n\n<p>Caso isso n\u00e3o ocorra, nos sentimos incomodados e n\u00e3o gostamos da usabilidade oferecida.<\/p>\n\n\n\n<p>De acordo com uma pesquisa divulgada pelo <a rel=\"noreferrer noopener\" href=\"https:\/\/neilpatel.com\/br\/blog\/como-melhorar-a-velocidade-das-paginas-no-mobile\/\" target=\"_blank\">Neil Patel<\/a>, o guru do <a href=\"https:\/\/blog.umbler.com\/br\/o-que-e-marketing-criativo\/\">marketing digital<\/a>, <strong>47% dos visitantes esperam que uma p\u00e1gina<\/strong> <strong>abra em menos de dois segundos<\/strong>.<\/p>\n\n\n\n<p>Al\u00e9m disso, 40% dos usu\u00e1rios a <strong>abandonam<\/strong> caso leve mais de tr\u00eas segundos!<\/p>\n\n\n\n<p>Vale ressaltar que a usabilidade n\u00e3o est\u00e1 relacionada apenas com a abertura da p\u00e1gina inicial, mas tamb\u00e9m de todas as abas, como blog, contato, sobre a empresa o que mais existir no site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bounce Rate<\/h3>\n\n\n\n<p>Voc\u00ea com certeza j\u00e1 ouviu esse termo em uma reuni\u00e3o na sua ag\u00eancia, n\u00e3o \u00e9?<\/p>\n\n\n\n<p>O <em>bounce rate<\/em> \u00e9 uma m\u00e9trica que analisa quantos \u201cabandonos\u201d da p\u00e1gina ocorrem. <\/p>\n\n\n\n<p>Ou seja, quantas pessoas <strong>entraram e sa\u00edram<\/strong> logo em seguida, <strong>sem fazer intera\u00e7\u00e3o alguma<\/strong>, como navegar em outras abas, realizar uma compra ou at\u00e9 mesmo ler um artigo.<\/p>\n\n\n\n<p>Isso pode ocorrer por diferentes motivos, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Clicaram um link externo que abre na mesma p\u00e1gina;<\/li><li>Clicaram no bot\u00e3o \u201cvoltar\u201d;<\/li><li>Fecharam a aba;<\/li><li>Digitaram outro endere\u00e7o ou realizaram uma pesquisa na aba em que o site estava aberto.<\/li><\/ul>\n\n\n\n<p>No caso do abandono ter rela\u00e7\u00e3o com o tempo de carregamento da p\u00e1gina, normalmente,&nbsp; ele ocorre sem nem a p\u00e1gina ter carregado completamente, deixado o usu\u00e1rio <strong>impaciente<\/strong>.<\/p>\n\n\n\n<p>Ent\u00e3o ele clica em \u201cvoltar\u201d ou faz outra pesquisa para encontrar o que ele est\u00e1 procurando, indo para o site do concorrente, que tem um carregamento melhor.<\/p>\n\n\n\n<p>Essa \u00e9 a primeira raz\u00e3o do <em>bounce rate<\/em> ser negativo, e a segunda est\u00e1 relacionada com o ranqueamento, como falaremos a seguir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SEO<\/h3>\n\n\n\n<p>Tanto a baixa usabilidade quanto o bounce rate t\u00eam rela\u00e7\u00e3o direta com o <a href=\"https:\/\/blog.umbler.com\/br\/escolha-correta-das-palavras-chave\/\" target=\"_blank\" rel=\"noreferrer noopener\">SEO<\/a>.<\/p>\n\n\n\n<p>\u00c9 comum pensarmos que ele depende apenas da escolha correta e repeti\u00e7\u00e3o das palavras-chave de maneira estrat\u00e9gica. <\/p>\n\n\n\n<p>Mas, no fundo, sabemos que vai muito al\u00e9m disso.<\/p>\n\n\n\n<p>O ranqueamento do Google considera cerca de <a href=\"https:\/\/rockcontent.com\/br\/blog\/fatores-de-rankeamento-do-google\/\" target=\"_blank\" rel=\"noreferrer noopener\">200 fatores<\/a> e a produ\u00e7\u00e3o de conte\u00fado \u00e9 apenas um deles, restando fatores relacionados com outras \u00e1reas, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Dom\u00ednio;<\/li><li>Site e sua arquitetura;<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/blog.umbler.com\/br\/como-conseguir-backlinks-para-os-seus-clientes\/\" target=\"_blank\">Backlinks<\/a>;<\/li><li><a href=\"https:\/\/blog.umbler.com\/br\/implementar-api-oficial-do-whatsapp\/\">Spam<\/a> on page e off page.<\/li><\/ul>\n\n\n\n<p>Al\u00e9m disso, como j\u00e1 falamos antes, o tempo de carregamento de p\u00e1gina ser\u00e1 um dos fatores considerados a partir de maio deste ano, visando proporcionar uma melhor experi\u00eancia.<\/p>\n\n\n\n<p>Isso tamb\u00e9m pode ser chamado de <strong>maior exibi\u00e7\u00e3o de conte\u00fado<\/strong>, ou ainda de <a rel=\"noreferrer noopener\" href=\"https:\/\/web.dev\/lcp\/\" target=\"_blank\">LCP<\/a>, sigla em ingl\u00eas para essa m\u00e9trica que avalia o desempenho do carregamento do maior bloco do site, seja uma imagem ou texto, por exemplo.<\/p>\n\n\n\n<p>Dessa forma, <strong>a lentid\u00e3o tem um grande impacto no SEO<\/strong>, o que, com certeza, diminui as visitas org\u00e2nicas do site do seu cliente e ainda prejudica as outras estrat\u00e9gias de marketing, como a cria\u00e7\u00e3o de conte\u00fado para o blog.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qual deve ser o tempo de carregamento de p\u00e1gina?<\/h2>\n\n\n\n<p>N\u00e3o existe realmente um tempo de carregamento de p\u00e1gina ideal que deve ser seguido \u00e0 risca, mas sim uma faixa que o Google indica.<\/p>\n\n\n\n<p>De acordo com a empresa, o LCP, ou seja, o maior elemento na p\u00e1gina deve carregar em at\u00e9 <a href=\"https:\/\/web.dev\/lcp\/#what-is-a-good-lcp-score\" target=\"_blank\" rel=\"noreferrer noopener\">2,5 segundos<\/a> ap\u00f3s a sua abertura.<\/p>\n\n\n\n<p>Quando antes isso ocorrer, melhor. Se estiver entre <strong>2,5 e 4,0 segundos<\/strong>, \u00e9 preciso buscar maneiras de aprimorar isso.<\/p>\n\n\n\n<p>Acima de<strong> 4 segundos<\/strong>, o carregamento est\u00e1 muito ruim e precisa ser trabalhado com urg\u00eancia.<\/p>\n\n\n\n<p><strong>N\u00f3s recomendamos, ent\u00e3o, que o tempo seja pr\u00f3ximo de 2 segundos<\/strong>, tanto por quest\u00f5es de SEO quanto para oferecer para o usu\u00e1rio uma melhor experi\u00eancia.<\/p>\n\n\n\n<p>Para fazer essa medi\u00e7\u00e3o, voc\u00ea n\u00e3o precisa abrir uma p\u00e1gina e simultaneamente clicar em um cron\u00f4metro. Essa medi\u00e7\u00e3o seria extremamente imprecisa e teria um grande erro!<\/p>\n\n\n\n<p>Al\u00e9m disso, voc\u00ea teria que repetir esse processo para todas as p\u00e1ginas do site. Seria um tempo gasto para coletar informa\u00e7\u00f5es incertas.<\/p>\n\n\n\n<p>Felizmente, existem algumas ferramentas que podem ser utilizadas para analisar o tempo de carregamento de p\u00e1gina e trazer resultados certeiros.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ferramentas para testar a velocidade de p\u00e1gina<\/h2>\n\n\n\n<p>Confira quais s\u00e3o as ferramentas que voc\u00ea pode utilizar para testar a velocidade do seu site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Google PageSpeed \u200b\u200bInsights<\/h3>\n\n\n\n<p>O <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google PageSpeed Insights<\/a>, assim como o nome j\u00e1 sugere, faz a an\u00e1lise do tempo de carregamento de p\u00e1ginas.<\/p>\n\n\n\n<p>\u00c9 uma ferramenta completamente <strong>gratuita e muito intuitiva<\/strong>. Al\u00e9m disso, gera insights personalizados de acordo com a necessidade de cada site, tanto para a navega\u00e7\u00e3o mobile quanto em computadores.<\/p>\n\n\n\n<p>Vale ressaltar que para realmente compreender as sugest\u00f5es, talvez seja necess\u00e1rio conhecer alguns termos utilizados, mas tudo isso \u00e9 facilmente achado na aba \u201c<a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/about\/?hl=pt-BR&amp;utm_source=PSI&amp;utm_medium=incoming-link&amp;utm_campaign=PSI\" target=\"_blank\" rel=\"noreferrer noopener\">guia<\/a>\u201d, tudo em portugu\u00eas e muito bem explicado.<\/p>\n\n\n\n<p>Os resultados, por outro lado, s\u00e3o dados em ingl\u00eas, mas caso necess\u00e1rio, voc\u00ea pode usar um tradutor para lhe ajudar.<\/p>\n\n\n\n<p>Outro grande benef\u00edcio dessa plataforma \u00e9 ela n\u00e3o exigir um cadastramento ou valida\u00e7\u00e3o de dom\u00ednio para fazer a an\u00e1lise, <strong>basta colocar a URL e pronto<\/strong>.<\/p>\n\n\n\n<p>Isso permite que voc\u00ea avalie n\u00e3o apenas o site dos seus clientes, mas tamb\u00e9m dos seus competidores, buscando um diferencial entre eles nessa quest\u00e3o.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">GT Metrix<\/h3>\n\n\n\n<p>O GT Metrix \u00e9 ideal para <strong>analisar sites feitos em WordPress<\/strong>, mas \u00e9 totalmente em ingl\u00eas.<\/p>\n\n\n\n<p>Ele faz an\u00e1lises bem r\u00e1pidas e precisas, assim como tamb\u00e9m d\u00e1 ideias para otimizar as p\u00e1ginas, mas de forma gratuita s\u00f3 \u00e9 poss\u00edvel monitorar uma URL por dia.<\/p>\n\n\n\n<p>Os seus <a href=\"https:\/\/gtmetrix.com\/pricing.html\" target=\"_blank\" rel=\"noreferrer noopener\">planos pagos<\/a> oferecem resultados melhores e mais certeiros.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Web DEV<\/h3>\n\n\n\n<p>Imposs\u00edvel falar de teste de tempo de carregamento de p\u00e1gina e n\u00e3o citar esse portal, que \u00e9 muito similar ao Google PageSpeed Insights e tamb\u00e9m \u00e9 da mesma empresa!<\/p>\n\n\n\n<p>O <a href=\"https:\/\/web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web DEV<\/a> vai ainda al\u00e9m, propondo solu\u00e7\u00f5es mais complexas para serem aplicadas que realmente t\u00eam um grande impacto na velocidade do site.<\/p>\n\n\n\n<p>Ele ainda permite a <strong>contrata\u00e7\u00e3o de servi\u00e7os<\/strong> para fazer essa corre\u00e7\u00e3o ou um passo a passo que pode ser seguido, mas sempre focado em desenvolvedores, e n\u00e3o em profissionais de marketing.<\/p>\n\n\n\n<p>Na verdade, em todas as plataformas haver\u00e3o dados que ser\u00e3o melhor interpretados e analisados por desenvolvedores especializados na cria\u00e7\u00e3o de sites.<\/p>\n\n\n\n<p>Voc\u00ea, como profissional de marketing, poder\u00e1 at\u00e9 entender uma boa parte, mas muitas solu\u00e7\u00f5es n\u00e3o ser\u00e3o t\u00e3o f\u00e1ceis de serem aplicadas, precisando mexer na configura\u00e7\u00e3o e codifica\u00e7\u00e3o do site do cliente.<\/p>\n\n\n\n<p>Ent\u00e3o, se sua ag\u00eancia ainda n\u00e3o conta com um profissional interno especialista nessa \u00e1rea, talvez seja hora de contratar ou come\u00e7ar a entrevistar freelancers para isso.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A import\u00e2ncia da hospedagem de site no carregamento de p\u00e1ginas<\/h2>\n\n\n\n<p>T\u00e3o importante quanto otimizar o site para diminuir o tempo de carregamento de p\u00e1gina, \u00e9 contar com uma boa <a href=\"https:\/\/blog.umbler.com\/br\/melhor-hospedagem-de-site\/\" target=\"_blank\" rel=\"noreferrer noopener\">hospedagem<\/a>.<\/p>\n\n\n\n<p>A velocidade \u00e9 uma responsabilidade dividida entre o desenvolvedor e o provedor, um influenciando diretamente no outro.<\/p>\n\n\n\n<p>Caso o c\u00f3digo-fonte n\u00e3o seja bem feito, tenha muitos erros e processos desnecess\u00e1rios, voc\u00ea pode ter a melhor hospedagem do mundo e ainda n\u00e3o conseguir\u00e1 ter p\u00e1ginas r\u00e1pidas.<\/p>\n\n\n\n<p>O contr\u00e1rio tamb\u00e9m \u00e9 verdade, de nada adianta investir em um \u00f3timo profissional para seguir todos os insights gerados pelas plataformas citadas acima e ter uma hospedagem que n\u00e3o supra suas necessidades.<\/p>\n\n\n\n<p><strong>N\u00f3s, da Umbler, temos a hospedagem de sites e aplica\u00e7\u00f5es ideais para a sua ag\u00eancia e oferecemos muitas vantagens para voc\u00ea.<\/strong><\/p>\n\n\n\n<p>Todos os nossos processos foram pensados para trazer mais praticidade e efici\u00eancia. Entre os <a href=\"https:\/\/blog.umbler.com\/br\/8-beneficios-sobre-a-umbler\/\" target=\"_blank\" rel=\"noreferrer noopener\">principais benef\u00edcios<\/a>, podemos citar:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Compartilhamento de processos:<\/strong> sem precisar passar sua senha pessoal;<\/li><li><strong>Pagamento por demanda:<\/strong> sua ag\u00eancia s\u00f3 paga pelo que usar, sem letras mi\u00fadas ou contratos de fidelidade;<\/li><li><strong>Facilidade para desativar clientes inadimplentes:<\/strong> bastam alguns cliques para congelar ou desativar um site;<\/li><li><strong>Acompanhamento dos consumos em tempo real:<\/strong> sua ag\u00eancia consegue saber quanto pagar\u00e1 no final do m\u00eas;<\/li><li><strong>Migra\u00e7\u00e3o facilitada:<\/strong> sem perda de dados e dias offline.<\/li><\/ul>\n\n\n\n<p>Ficou interessado? Ent\u00e3o, torne-se uma ag\u00eancia parceira nossa. Voc\u00ea ter\u00e1 <a href=\"https:\/\/blog.umbler.com\/br\/crm-whatsapp-vendas-atendimento\/\">atendimento<\/a> priorit\u00e1rio e suporte total dos nossos especialistas.<\/p>\n\n\n\n<p>E os benef\u00edcios n\u00e3o acabam a\u00ed! Voc\u00ea ainda tem direito ao comissionamento de 30% sobre todo o consumo dos seus clientes.<\/p>\n\n\n\n<p>Sua ag\u00eancia pode escolher se deseja recolher essa comiss\u00e3o em descontos na nossa plataforma ou em dinheiro mesmo.<\/p>\n\n\n\n<p>Essa foi a nossa maneira de fazer voc\u00ea ter uma rotina mais leve e ainda se relacionar melhor com o seu p\u00fablico, sem precisar se preocupar com o impacto da hospedagem no tempo de carregamento de p\u00e1gina, com oscila\u00e7\u00f5es ou ainda com per\u00edodos fora do ar.<\/p>\n\n\n\n<p>Ficou interessado? Ent\u00e3o fa\u00e7a um <a href=\"https:\/\/www.umbler.com\/br\/hospedagem-para-agencias\" target=\"_blank\" rel=\"noreferrer noopener\">teste gr\u00e1tis<\/a> e veja que n\u00f3s somos, realmente, tudo o que falamos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O site do seu cliente est\u00e1 com lentid\u00e3o no tempo de carregamento de p\u00e1gina? Isso pode prejudicar o SEO! Leia o nosso post e saiba mais sobre esse tema.<\/p>\n","protected":false},"author":73,"featured_media":6700,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[509,3],"tags":[],"class_list":["post-6699","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-agencia-digital","category-comunidade"],"_links":{"self":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/6699"}],"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\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/comments?post=6699"}],"version-history":[{"count":0,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/6699\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media\/6700"}],"wp:attachment":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media?parent=6699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/categories?post=6699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/tags?post=6699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}