{"id":1670,"date":"2021-05-10T11:53:00","date_gmt":"2021-05-10T14:53:00","guid":{"rendered":"https:\/\/rbtechnologysolutions.com.br\/a-importancia-da-performance-de-um-site-e-o-que-se-perde-com-a-lentidao\/"},"modified":"2023-05-30T00:20:53","modified_gmt":"2023-05-30T03:20:53","slug":"a-importancia-da-performance-de-um-site-e-o-que-se-perde-com-a-lentidao","status":"publish","type":"post","link":"https:\/\/rbtechnologysolutions.com.br\/en\/a-importancia-da-performance-de-um-site-e-o-que-se-perde-com-a-lentidao\/","title":{"rendered":"A import\u00e2ncia da performance de um site e o que se perde com a lentid\u00e3o"},"content":{"rendered":"<div style=\"clear: both; text-align: center;\"><\/div>\n<div><\/div>\n<p><span style=\"font-family: arial;\">Em uma \u00e9poca onde as pessoas est\u00e3o cada vez mais conectadas, as empresas j\u00e1 se deram conta da import\u00e2ncia de fortalecer sua presen\u00e7a no ambiente virtual. Como parte dessa estrat\u00e9gia, s\u00e3o crescentes os investimentos na cria\u00e7\u00e3o de um site.\u00a0<\/span><\/p>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0Nesse contexto, aspectos como conte\u00fado e design revelam-se essenciais para proporcionar uma boa experi\u00eancia de navega\u00e7\u00e3o ao usu\u00e1rio. Por outro lado, a sua estrat\u00e9gia pode ser prejudicada quando a performance de seu site \u00e9 baixa. Neste post, o Pinguim vai explicar o porqu\u00ea \u00e9 importante monitorar a velocidade de sua p\u00e1gina e o que voc\u00ea pode \u2013 e precisa \u2013 fazer quando constata a demora no carregamento das informa\u00e7\u00f5es.\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0Por que o carregamento r\u00e1pido \u00e9 um diferencial competitivo? Quando o usu\u00e1rio acessa o seu site, o ideal \u00e9 que ele obtenha uma resposta em, no m\u00e1ximo, tr\u00eas segundos. Se o intervalo \u00e9 superior a essa estimativa, o cliente tende a abandonar a p\u00e1gina. Com isso, voc\u00ea tende a perder a venda e ainda pode ser punido pelos buscadores. Esse imediatismo \u00e9 comprovado por um levantamento realizado pelo Google, que aponta que 79% dos usu\u00e1rios de smarthphones esperam encontrar a informa\u00e7\u00e3o que desejam instantaneamente. Ademais, a velocidade \u00e9 um dos aspectos que influenciam na usabilidade de uma p\u00e1gina. Esse \u00e9 o conceito utilizado para mensurar o grau de facilidade de uso de um site. A lentid\u00e3o n\u00e3o \u00e9 o \u00fanico problema que pode afetar o desempenho de uma p\u00e1gina, mas \u00e9 importante estar atento a ela. Dessa maneira, voc\u00ea consegue estabelecer um diferencial competitivo frente aos seus concorrentes. O que pode causar lentid\u00e3o em seu site?\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0Todo site \u00e9 hospedado em um servidor. Tal qual computadores e notebooks convencionais, eles possuem capacidades vari\u00e1veis de mem\u00f3ria e processador. A cada vez que uma p\u00e1gina \u00e9 carregada, o servidor realiza alguns c\u00e1lculos, configura as informa\u00e7\u00f5es para envi\u00e1-las, em seguida, para o dispositivo do usu\u00e1rio. A l\u00f3gica \u00e9 de f\u00e1cil compreens\u00e3o: quanto maior o n\u00famero de acessos ou mais pesado \u00e9 um site, mais recursos do servidor ele consome, resultando em lentid\u00e3o. Trata-se de uma resposta semelhante a que ocorre quando voc\u00ea abre v\u00e1rias janelas ao mesmo tempo e o seu computador fica mais devagar, ou mesmo, come\u00e7a a travar. Como melhorar a performance de seu site?<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0A seguir, n\u00f3s selecionamos algumas orienta\u00e7\u00f5es para que voc\u00ea consiga otimizar o desempenho de seu site. Fique atento a alguns ajustes simples que podem aumentar a velocidade de carregamento.\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<h2 style=\"text-align: left;\"><span style=\"font-family: arial;\">Otimize a programa\u00e7\u00e3o\u00a0<\/span><\/h2>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">A cada vez que o site \u00e9 processado, um servidor precisa fazer in\u00fameros c\u00e1lculos. Sempre que uma nova solicita\u00e7\u00e3o \u00e9 feita, essa din\u00e2mica se reinicia. Dessa maneira, o ideal \u00e9 que voc\u00ea realize revis\u00f5es no seu c\u00f3digo, eliminando c\u00e1lculos in\u00fateis. Para resultados mais eficazes, voc\u00ea precisa testar a performance de cada plugin individualmente.\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<h2 style=\"text-align: left;\"><span style=\"font-family: arial;\">Reduza a quantidade de requisi\u00e7\u00f5es\u00a0<\/span><\/h2>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">Todo elemento ou c\u00f3digo carregado em seu site ir\u00e1 se converter em uma nova requisi\u00e7\u00e3o ao servidor. O tempo em que elas ser\u00e3o atendidas est\u00e1 diretamente atrelada ao tamanho e quantidade dessas solicita\u00e7\u00f5es. Execute o processo de minifica\u00e7\u00e3o do c\u00f3digo, que remove scripts desnecess\u00e1rios e permite a jun\u00e7\u00e3o de v\u00e1rios deles em arquivos maiores.\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<h2 style=\"text-align: left;\"><span style=\"font-family: arial;\">Entenda sobre o tamanho e formato das imagens\u00a0<\/span><\/h2>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">As imagens s\u00e3o um elemento essencial para qualquer site. Por outro lado, \u00e9 preciso aten\u00e7\u00e3o ao formato (JPG, PNG e GIF s\u00e3o algumas das extens\u00f5es mais conhecidas) e resolu\u00e7\u00e3o das fotos. Elas ser\u00e3o exportadas em alta qualidade, transparentes ou 32 bits? De todo modo, a compress\u00e3o das imagens \u00e9 recomend\u00e1vel, uma vez que essa pr\u00e1tica reduz o tamanho do arquivo, acelera o intervalo de carregamento e ainda diminui o percentual de espa\u00e7o de hospedagem utilizado. Seguindo essas orienta\u00e7\u00f5es, a tend\u00eancia \u00e9 que seu site torne-se mais veloz.\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<h2 style=\"text-align: left;\"><span style=\"font-family: arial;\">Mantenha o sistema de cache ativo\u00a0<\/span><\/h2>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">A ativa\u00e7\u00e3o do sistema de cache ajuda a prevenir uma sobrecarga no servidor. Essa funcionalidade cria e armazena uma c\u00f3pia da p\u00e1gina, o que, na pr\u00e1tica, faz com que alguns elementos sejam salvos e n\u00e3o precisem ser lidos a cada novo acesso. Com isso, o servidor consegue atender as solicita\u00e7\u00f5es de outros usu\u00e1rios.\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<h2 style=\"text-align: left;\"><span style=\"font-family: arial;\">Escolha um bom provedor para hospedagem\u00a0<\/span><\/h2>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">As orienta\u00e7\u00f5es acima ter\u00e3o pouca valia se o seu site estiver hospedado em um servidor que n\u00e3o possui os requisitos m\u00ednimos exigidos para o processamento. Dessa maneira, voc\u00ea deve buscar conhecer os diferentes planos e servi\u00e7os comercializados no mercado. Conforme o porte do seu neg\u00f3cio e o seu or\u00e7amento, avalie a possibilidade de realizar um upgrade. Pacotes b\u00e1sicos podem n\u00e3o suportar o alto volume de acessos, por exemplo, fazendo com que a sua p\u00e1gina saia do ar com frequ\u00eancia. Antes de contratar, atente ao volume e ao desempenho do servi\u00e7o;\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<h2 style=\"text-align: left;\"><span style=\"font-family: arial;\">Livre-se de recursos meramente est\u00e9ticos\u00a0<\/span><\/h2>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">N\u00e3o s\u00e3o raros os casos em que recursos s\u00e3o adicionados a um site apenas com a finalidade de deix\u00e1-lo mais bonito. Essa \u00e9 uma preocupa\u00e7\u00e3o v\u00e1lida, desde que essas funcionalidades n\u00e3o comprometam a performance do site. Se, por algum motivo, essa funcionalidade provocar a lentid\u00e3o no carregamento, considere deixar a est\u00e9tica em segundo plano em prol de um site proporcional. A prioridade deve ser a de proporcionar uma melhor experi\u00eancia para o usu\u00e1rio. Opte por um design responsivo ou crie uma vers\u00e3o mobile A populariza\u00e7\u00e3o dos smartphones modificou o comportamento de internautas, que agora podem pesquisar por uma informa\u00e7\u00e3o ou produto diretamente de seu telefone. Por isso, \u00e9 essencial pensar nos acessos feitos por meio de dispositivos m\u00f3veis. Neste caso, uma das op\u00e7\u00f5es \u00e9 aderir ao design responsivo, no qual os elementos da p\u00e1gina se ajustam automaticamente ao formato e tela do dispositivo que o usu\u00e1rio esteja utilizando. Outro caminho \u00e9 criar uma vers\u00e3o exclusiva para aparelhos m\u00f3veis.\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<h2 style=\"text-align: left;\"><span style=\"font-family: arial;\">Utilize ferramentas para mensurar a performance de seu site\u00a0<\/span><\/h2>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">Uma \u00faltima estrat\u00e9gia que pode ser bastante \u00fatil para melhorar a performance do seu site \u00e9 a utiliza\u00e7\u00e3o de ferramentas, muitas delas gratuitas. No Page Speed Insights, recurso dispon\u00edvel pelo Google, a sua p\u00e1gina recebe uma nota entre 0 a 100, de acordo com os quesitos velocidade e experi\u00eancia do usu\u00e1rio. Uma vez que seja fornecida a URL, o usu\u00e1rio recebe um relat\u00f3rio com os pontos cr\u00edticos e sugest\u00f5es de melhorias<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div>\n<h2><span style=\"font-family: arial;\">Crie o site que voc\u00ea precisa<\/span><\/h2>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<p><span style=\"font-family: arial;\">Tenha um site personalizado e responsivo com grandes resultados! Crie seu site agora mesmo e veja seu neg\u00f3cio crescer em um ritmo mais acelerado que\u00a0Pedreira<\/span><\/p>\n<p>Fale agora mesmo com um de nossos consultores.<\/p>\n<p>A quest\u00e3o principal \u00e9 que n\u00f3s fizemos isso antes &#8211; muitas vezes e com muito sucesso.<\/p>\n<h3><span style=\"font-family: arial;\">Entre em contato com nossa Ag\u00eancia de Cria\u00e7\u00e3o de Sites<\/span><\/h3>\n<div>\n<div><span style=\"font-family: arial;\">Seja l\u00e1 qual for a sua ideia ou o tipo de projeto que voc\u00ea tem em pensamento n\u00f3s conseguimos te ajudar, que tal conversar com algum especialista e tirar sua ideia do papel? (19) 97131-2744 (Atendemos tamb\u00e9m via WhatsApp).<\/span><\/div>\n<div><span style=\"font-family: arial;\">\u00a0<\/span><\/div>\n<div><span style=\"font-family: arial;\">#Cria\u00e7\u00e3odesites #Presen\u00e7aNaWEB #PrimeiraPaginadoGoogle<\/span><\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Em uma \u00e9poca onde as pessoas est\u00e3o cada vez mais conectadas, as empresas j\u00e1 se deram conta da import\u00e2ncia de fortalecer sua presen\u00e7a no ambiente virtual. Como parte dessa estrat\u00e9gia, s\u00e3o crescentes os investimentos na cria\u00e7\u00e3o de um site.\u00a0 \u00a0 \u00a0Nesse contexto, aspectos como conte\u00fado e design revelam-se essenciais para proporcionar uma boa experi\u00eancia de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1785,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"categories":[21,19,26],"tags":[],"class_list":["post-1670","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas","category-melhorar-meu-site","category-otimizacao-de-sites"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/rbtechnologysolutions.com.br\/en\/wp-json\/wp\/v2\/posts\/1670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rbtechnologysolutions.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rbtechnologysolutions.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rbtechnologysolutions.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rbtechnologysolutions.com.br\/en\/wp-json\/wp\/v2\/comments?post=1670"}],"version-history":[{"count":1,"href":"https:\/\/rbtechnologysolutions.com.br\/en\/wp-json\/wp\/v2\/posts\/1670\/revisions"}],"predecessor-version":[{"id":2909,"href":"https:\/\/rbtechnologysolutions.com.br\/en\/wp-json\/wp\/v2\/posts\/1670\/revisions\/2909"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rbtechnologysolutions.com.br\/en\/wp-json\/wp\/v2\/media\/1785"}],"wp:attachment":[{"href":"https:\/\/rbtechnologysolutions.com.br\/en\/wp-json\/wp\/v2\/media?parent=1670"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rbtechnologysolutions.com.br\/en\/wp-json\/wp\/v2\/categories?post=1670"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rbtechnologysolutions.com.br\/en\/wp-json\/wp\/v2\/tags?post=1670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}