Skip to main content

A velocidade de carregamento é um aspecto importante de um site, tanto para SEO quanto para experiência dos usuários. Para os usuários, é frustrante esperar um site carregar por muito tempo e geralmente, quando demora mais de 3 segundos o usuário abandona seus site. Para o Google, não é interessante apresentar aos seus usuários um site que provavelmente eles irão abandonar. Todo o trabalho de design e de criação de conteúdo será em vão se os usuários não tiverem paciência para ver. Para resolver este problema eu selecionei 7 dicas simples para otimizar sites em WordPress, porém a maioria das dicas se aplicam a todo tipo de site. Você poderá aumentar em até 300% a velocidade de carregamento! Escolhi o WordPress porque além de ser a plataforma de gerenciamento de sites mais popular do mundo, é a que tem maior suporte da comunidade de desenvolvedores, que constantemente desenvolvem novos plugins, tutoriais e atualizações. Dependendo da plataforma que você vai otimizar, precisará pesquisar o plugin ou a solução equivalente, porém o conceito por trás da dica continua o mesmo.

Page Speed Insights

PageSpeed Insights
Vou começar com o Google Page Speed Insights porque ele é o primeiro passo para otimizar um site e permitira a você medir a importância dos próximos passos. O Page Speed Insightsnada mais é que uma ferramenta de diagnóstico que mede o desempenho do seu site e sugere formas para melhorar o carregamento. Ele não mede efetivamente a velocidade de carregamento, mas verifica os aspectos importantes para desempenho e sugere melhorias, como habilitar o cache, reduzir o tamanho das imagens, colocar o javascript no final do código. Com o Page Speed você aprenderá boas práticas de desenvolvimento que te ajudarão a escrever códigos mais limpos e organizados que irão refletir não apenas no desempenho dos sites, mas também facilitarão a manutenção dos sites e terão impacto positivo no SEO.

Pingdom Tools

Pingdom Website Speed Test
Outra ferramenta de diagnóstico muito mais especializada, o Pingdom Tools faz o inverso do PageSpeed Insights. O Pingdom Tools é uma ferramenta de diagnóstico de DNS, ele analisa as requisições HTTP feitas pelo seu site, ou seja as requisições a imagens, scripts, folhas de estilo e recursos externos (widgets sociais, vídeos, iframes, ajax, etc.). O mais legal é que o Pingdom gera um relatório de todos os arquivos do seu site, que mostra o momento em que o arquivo foi requisitado, quanto tempo levou para o servidor responder, o tempo de carregamento e finalizou a requisição. Dessa forma é possível identificar gargalos desempenho que de outra forma você não notaria, como arquivos pesados, servidor lento, scripts externos (como os do Facebook), links quebrados, etc. Outro recurso interessante do Pingdom é que ele mostra quanto tempo leva ara seu site carregar em lugares diferentes do mundo, pois dependendo da distância de onde seu site está hospedado, seu site pode carregar mais lentamente.

Plugin WP Fastest Cache

Quando se trata de plugins de cache para o WordPress o W3 Total Cache é a maior referência, sendo recomendado por empresas de hospedagem, como GoDaddy, Hackspace e Hostgator. Porém, depois de enfrentar problemas de compatibilidade com alguns sites, principalmente com relação a javascript, resolvi testar outros plugins. Foi aí que eu conheci um modesto plugin, que foi avaliado apenas algumas centenas de vezes, porém todos deram nota 5. Intrigado, resolvi ler a descrição e descobri que o conceito por traz do WP Fastest Cache é simples, porém muito eficiente. O que ele faz e salvar uma cópia das páginas em html estático, eliminando a necessidade de consultas ao banco de dados e de grandes processos no servidor. Ele também tem outros recursos, como gzip, cache no navegador, minimização de html, js e css.

Smush.it

As imagens correspondem por mais da metade do tráfego de um site, por esse motivo são uma das melhores formas de otimizar carregamento de um site. O Smush.it é um serviço do Yahoo! que reduz o tamanho das imagens sem perder qualidade. O melhor de tudo é que existe também o plugin Smush.it para WordPress que otimiza as imagens na hora que você faz o upload e ainda permite otimizar todas as imagens que já foram enviadas.

Instale apenas o essencial

O WordPress tem plugins para praticamente todas as necessidades de um site, e isso é bom. Porém alguns plugins são verdadeiros vilões do desempenho e mesmo os mais leves geram algum processamento extra. Por esse motivo é importante ficar atento aos plugins instalados em seu site. Uma dica útil é: desative os plugins que não são necessários no momento e desinstale aqueles não estão em uso há muito tempo. Os maiores vilões do desempenho são os plugins que acessam servidores externos, como o sistema de comentário Disqus ou as barras de compartilhamento social. Esses plugins precisam de muitos scripts e arquivos de estilo para funcionar e isso deixa seu site lento e pesado, principalmente em conexões 3g. Use o Pingdom Tools para identificar os plugins que estão atrasando o carregamento do seu site.

Seja minimalista

Steve Jobs dizia uma coisa que eu guardo como uma lição: “Eu me orgulho das coisas que eu não faço tanto quanto das que eu faço”. É por isso que o iPod, o iPhone e o iPad têm apenas um botão. Eles não precisavam de mais que um. Pense nisso quando estiver criando um site: – Eu preciso usar essa galeria de imagens? – Esse layout funciona apenas com fontes padrão? Você vai perceber que suas decisões de design irão se destacar mais quando você fizer menos, e de quebra seus sites ficarão muito mais leves.

CDN

otimizacao-de-carregamento-CDN
Como dito anteriormente, quanto mais longe seu site estiver hospedado, mais lento será o carregamento. Para resolver este problema existe um serviço chamado CDN (Content Delivery Network), que em português significa Rede de Distribuição de Conteúdo. O que as CDN fazem é distribuir seu conteúdo por servidores ao redor do mundo, assim quando um usuário acessa seu site, ele se conecta ao servidor mais próximo, tornando o acesso muito mais rápido. Algumas CDN vão além disso, reduzindo o tamanho dos arquivos e gerando cache, como oGoogle Pagespeed Service e o CloudFlare e ainda por cima são de graça. Algumas pessoas irão sentir falta de um tópico sobre a otimização de servidor e eu confesso que eu pensei em adicionar, mas esta é uma questões complexa e delicada demais para abordar em apenas um tópico. Em breve escreverei um artigo com dicas sobre a escolha do melhor servidor e como configurar um servidor para performance, segurança, etc. Bom pessoal, era isso que eu tinha pra falar sobre otimização de carregamento. Se você tiver alguma dúvida, sugestão ou dica, compartilhe conosco nos comentários. Obrigado pela atenção e até a próxima.