{"id":27349,"date":"2022-11-01T09:00:00","date_gmt":"2022-11-01T12:00:00","guid":{"rendered":"http:\/\/blog.locaweb.com.br\/?p=27349"},"modified":"2022-11-01T11:30:54","modified_gmt":"2022-11-01T14:30:54","slug":"site-lento-o-que-fazer","status":"publish","type":"post","link":"https:\/\/www.locaweb.com.br\/blog\/temas\/codigo-aberto\/site-lento-o-que-fazer\/","title":{"rendered":"Site lento: veja como melhorar a performance do seu site"},"content":{"rendered":"\n

Ol\u00e1 pessoal, tudo belezinha? Pokemaobr aqui novamente para mais um artigo para nosso querido blog da Locaweb<\/a>. O tema de hoje \u00e9 muito importante para voc\u00ea que desenvolve sites<\/strong> no seu dia a dia e \u00e0s vezes nem sabe mensurar quando est\u00e1 com bom desempenho em rela\u00e7\u00e3o a performance e quando seu site est\u00e1 lento, e o que voc\u00ea pode fazer para melhorar.<\/p>\n\n\n\n

Quando falamos de performance, diversas vari\u00e1veis entram em jogo, desde o tipo de hospedagem<\/a> em que o seu site est\u00e1. Eu particularmente, indico demais um VPS Locaweb<\/a> para deixar seu site em um ambiente dedicado e que vai reduzir bastante a lat\u00eancia, j\u00e1 que os servidores est\u00e3o no Brasil. At\u00e9 mesmo o tipo de extens\u00e3o que seus arquivos de imagem est\u00e3o utilizando e o tamanho delas. Mas, vamos falar isso no artigo.<\/p>\n\n\n\n

Primeiramente, precisamos saber como est\u00e1 a performance do nosso site<\/strong>. Para isso indico o PageSpeed Insights do Google https:\/\/pagespeed.web.dev\/<\/a>, nele \u00e9 poss\u00edvel analisar um site e verificar o que pode ser melhorado. Por exemplo coloquei o https:\/\/pokemaobr.dev para verificar como est\u00e1 o desempenho do meu site.<\/p>\n\n\n

\n
\"site<\/figure>\n<\/div>\n\n\n

O legal desse recurso \u00e9 que voc\u00ea ver\u00e1 que o desempenho \u00e9 diferente para celular e computador. Ele te retorna o tempo de resposta do site e algumas coisas que voc\u00ea pode melhorar. Al\u00e9m de dar uma nota de 0 a 100 sobre o desempenho.<\/p>\n\n\n

\n
\"site<\/figure>\n<\/div>\n\n\n

S\u00f3 com essa ferramenta j\u00e1 \u00e9 poss\u00edvel verificar alguns gargalos que o seu site enfrenta e corrigi-los para que a performance dele melhore.<\/p>\n\n\n\n

Outras ferramentas como: Lighthouse, Gmetrix e Pingdom tamb\u00e9m podem ser utilizadas para fazer uma varredura em seu site<\/strong> e verificar o tempo de resposta, al\u00e9m do que pode ser ajustado. Alguns ajustes podem ser feitos de imediato para melhorar a performance do seu site.<\/p>\n\n\n\n

Compacte o que puder<\/strong><\/h2>\n\n\n\n

Utilizar modelos de compacta\u00e7\u00e3o como gzip nos arquivos fonte do seu site ajudam que seja carregado arquivos de menor tamanho e com isso \u00e9 poss\u00edvel economizar alguns bons bytes de tr\u00e1fego quando forem acessar o seu site<\/strong>.<\/p>\n\n\n\n

Al\u00e9m disso, minificar o que puder ser minificado e utilizar a vers\u00e3o minificada de bibliotecas e frameworks<\/a> (como os arquivos Javascript e CSS por exemplo) tamb\u00e9m ajudam nessa economia de tr\u00e1fego que diretamente ajuda na melhoria da performance do seu site.<\/p>\n\n\n\n

Utilize imagens em formatos de \u00faltima gera\u00e7\u00e3o<\/strong><\/h2>\n\n\n\n

Comumente acabamos utilizando formatos de imagem como PNG e JPEG. Por\u00e9m, imagens em formatos como WebP e AVIF costumam ter uma compress\u00e3o melhor. Utilizar esses formatos mais modernos ajudam e muito na redu\u00e7\u00e3o do trafego durante o carregamento do seu site<\/strong>.<\/p>\n\n\n\n

Otimize o tamanho das suas imagens<\/strong><\/h2>\n\n\n\n

Ajustar as imagens para terem os tamanhos utilizados durante a exibi\u00e7\u00e3o do seu site<\/strong> ajudam tamb\u00e9m na melhoria de performance, por exemplo, se o maior tamanho de uma imagem exibida no seu site seja de 400×300, n\u00e3o faz sentido voc\u00ea ter essa imagem 1600×1200. <\/p>\n\n\n\n

O navegador vai primeiro carregar uma imagem bem maior do que o esperado e depois ter\u00e1 o trabalho de converter para o tamanho que voc\u00ea precisa. De todo modo isso ser\u00e1 feito para os dispositivos com menor resolu\u00e7\u00e3o. Por\u00e9m, se voc\u00ea puder evitar que seja para todos os dispositivos, ajuda bastante.<\/p>\n\n\n\n

Elimine arquivos que voc\u00ea n\u00e3o utiliza<\/strong><\/h2>\n\n\n\n

Quando utilizamos alguns templates prontos<\/a>, acabam vindo alguns arquivos JavaScript e CSS que algumas vezes nem s\u00e3o utilizados, por\u00e9m, voc\u00ea acaba os carregando nas importa\u00e7\u00f5es que voc\u00ea faz. Tente deixar no site apenas os arquivos que realmente possuem utilidade.<\/p>\n\n\n\n

Utilize cache, mas com sabedoria<\/strong><\/h2>\n\n\n\n

Aproveite os recursos de cache dos navegadores para armazenar recursos est\u00e1ticos e evitar que eles sejam carregados novamente a cada exibi\u00e7\u00e3o da sua p\u00e1gina. Embora parte do seu site tenha conte\u00fado din\u00e2mico, outra parte possui conte\u00fado est\u00e1tico que pode ser armazenada em cache e carregada apenas uma vez ao inv\u00e9s de ser carregada novamente a cada requisi\u00e7\u00e3o em seu site. Mas, n\u00e3o coloque cache em tudo.<\/p>\n\n\n\n

Use uma hospedagem dedicada<\/strong><\/h2>\n\n\n\n

Utilizar uma hospedagem dedicada para o seu site faz com que a concorr\u00eancia de recursos de m\u00e1quina seja menor, e com isso a performance do seu site melhora<\/strong> em rela\u00e7\u00e3o a uma hospedagem compartilhada. Solu\u00e7\u00f5es como o VPS Locaweb te ajudam a entregar mais velocidade nas requisi\u00e7\u00f5es feitas para o seu site.<\/p>\n\n\n\n

Melhore a performance do seu site com o VPS da Locaweb!<\/p>CLIQUE AQUI<\/a><\/div>\n\n\n\n

Otimize a conex\u00e3o com o banco de dados<\/strong><\/h2>\n\n\n\n

Muitos problemas de performance em sites<\/strong> acontecem devido a falhas tanto na escrita de comandos SQL para a exibi\u00e7\u00e3o e armazenamento de dados em seu banco como tamb\u00e9m utilizar uma biblioteca ou extens\u00e3o desatualizada para a conex\u00e3o com o banco fazem com que o seu site tenha uma menor performance. Sempre ajuste os \u00edndices para facilitar a busca em seu banco.<\/p>\n\n\n\n

Utilize as \u00faltimas vers\u00f5es est\u00e1veis das linguagens e\/ou frameworks\/CMS que utilizar<\/strong><\/h2>\n\n\n\n

Al\u00e9m de poder conter algumas falhas de seguran\u00e7a graves, utilizar vers\u00f5es antigas ou obsoletas da linguagem ou framework ou CMS ou biblioteca que voc\u00ea usa no desenvolvimento de seu site<\/strong> fazem com que a performance n\u00e3o seja t\u00e3o boa.<\/p>\n\n\n\n

Dentre as mudan\u00e7as estruturais quando lan\u00e7am uma nova vers\u00e3o, sempre \u00e9 aprimorado algo em rela\u00e7\u00e3o \u00e0 performance. Sendo assim, utilize as \u00faltimas vers\u00f5es est\u00e1veis para ter a melhor experi\u00eancia<\/strong>.<\/p>\n\n\n\n

Existem outras dicas para melhorar a performance<\/strong>, se voc\u00eas gostaram do tema \u00e9 s\u00f3 entrar em contato com a gente para escrevermos outro artigo trazendo mais dicas. Desejo que esse artigo possa ajudar voc\u00ea e nos vemos em breve.<\/p>\n\n\n\n

Um grande abra\u00e7o.<\/p>\n","protected":false},"excerpt":{"rendered":"

Ol\u00e1 pessoal, tudo belezinha? Pokemaobr aqui novamente para mais um artigo para nosso querido blog da Locaweb. O tema de hoje \u00e9 muito importante para voc\u00ea que desenvolve sites no seu dia a dia e \u00e0s vezes nem sabe mensurar quando est\u00e1 com bom desempenho em rela\u00e7\u00e3o a performance e quando seu site est\u00e1 lento, […]<\/p>\n","protected":false},"author":24,"featured_media":38053,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-27349","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo-aberto"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/27349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/comments?post=27349"}],"version-history":[{"count":1,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/27349\/revisions"}],"predecessor-version":[{"id":38054,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/27349\/revisions\/38054"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media\/38053"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media?parent=27349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/categories?post=27349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/tags?post=27349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}