A velocidade de carregamento de um website é um dos factores críticos de sucesso para uma boa experiência para o utilizador e, tal como aprendemos no ano passado, tem um impacto directo nos rankings de pesquisa no Google.
O recente lançamento do nosso “Page Speed Optimization Service” permite-nos oferecer aos nossos clientes com site WordPress os mais recentes produtos e ferramentas preparados para acelerar e optimizar sites WordPress.
Não querendo preparar uma lista ostensiva, enumeramos aqui as principais ferramentas para conseguir um site verdadeiramente rápido, com uma melhor experiência de utilização e consequentemente, melhores resultados no Google e motores de pesquisa.
Medir a velocidade do site
O primeiro passo para diminuir o tempo de carregamento do teu site é ter uma ideia muito concreta de quanto tempo é que ele demora a carregar cada página.
A sua experiência de velocidade pode ser muito diferente da experiência de outro utilizador com uma ligação à internet, browser ou localização diferente.
Para testar diferentes cenarios, podemos usar ferramentas especializadas, aqui estão as três principais ferramentas que podes usar para medir a velocidade de carregamento do teu site:
Pingdom
O Pingdom é um site que testa o tempo de carregamento da sua página e explicita quanto tempo é que cada script, ficheiro css ou outro tipo de media demora a carregar. Poderá utilizar os dados para decidir se deve consolidar os seus ficheitos CSS ou se deve optar por uma CDN para carregar as imagens de uma forma mais rápida.
Adicionalmente, o Pingdom permite que teste as suas definições de DNS para diagnóstico de eventuais questões, testando também a ligação à rede do seu servidor.
GTMetrix
O GTmetrix é uma ferramenta renomada de análise de desempenho web que capacita proprietários e desenvolvedores de sites a identificar e corrigir gargalos de desempenho, melhorando, em última instância, a experiência do usuário e impulsionando o ranking nos motores de busca.
Ele utiliza uma gama abrangente de métricas, incluindo PageSpeed Insights e YSlow, para fornecer uma avaliação detalhada da velocidade de um site, da otimização de recursos e do desempenho geral em diferentes dispositivos.
A interface intuitiva do GTmetrix apresenta os resultados de cada análise em um formato claro e acionável, permitindo que os usuários identifiquem pontos específicos para melhoria.
Ele fornece detalhamentos de tempo de carregamento de páginas, otimização de imagens, minificação de código e outros indicadores-chave de desempenho.
Além disso, oferece recomendações valiosas para otimizar aspectos específicos do site, como compactar imagens, minimizar solicitações HTTP e aproveitar técnicas de cache de navegador.
Google Page Insights
A Google tem-se concentrado recentemente na questão da velocidade dos sites, lançando vários produtos e anunciando que a velocidade de carregamento de um website passaria a desempenhar um papel importante nos rankings das pesquisas online.
Antes de lançar algumas ferramentas para aumentar a velocidade, a Google desenvolveu a sua própria resposta ao YSlow da Yahoo, apelidando-o de Page Speed.
Este encontra-se não só disponível como uma extensão do browser como também como um teste baseado num site.
É bastante semelhante ao antigo YSlow da Yahoo, na medida em que aponta várias sugestões que, se resolvidas, melhorarão a velocidade do seu site.
A ferramenta ordena ainda estas sugestões por prioridade, o que é uma boa ajuda para podermos perceber que tipo de questões podemos resolver primeiro.
Melhorar a velocidade do site
Assim que já tenha uma ideia do que necessita de melhorar poderá, desde logo, começar a implementar a melhor solução. Inevitavelmente, algumas das alterações necessárias irão requerer alguma programação, mas existem algumas ferramentas que lhe irão dar uma ajuda.
Mude o seu site para a Cloudways
A aposta no alojamento Cloud profissional e totalmente otimizado para WordPress vai permitir-lhe poupar vários segundos no carregamento das páginas do seu site, inclusivé na área de administração.
Google’s mod_pagespeed e o Page Speed Service
Em adição à sua aplicação para medir a velocidade, a Google disponibiliza algumas ferramentas que o poderão ajudar a fazer algo pelo seu site lento. A primeira é o mod_pagespeed, um módulo para o Apache que rescreve o HTML, JavaScript, CSS e as imagens numa página, distribuindo-os aos utilizadores de uma forma mais eficiente. Recentemente, a Google apresentou-nos o Page Speed Service, que alcança os mesmos resultados mas, desta feita, através de simples alterações no DNS. No futuro, a Google poderá cobrar por este serviço mas, por enquanto, a versão beta é gratuita.
Instale uma CDN
Uma das formas mais eficazes de melhorar velocidade do seu site é distribuir os elementos estáticos através de uma content delivery network (CDN). Existem vários serviços deste tipo, com preços muito variados.
Algumas das melhores CDN’s comerciais incluem a Akamai, MaxCDN, Limelight Networks e a BitGravity. A CloudFlare é um produto mais vocacionado para a segurança dos websites mas também dispõe de CDN e melhorias na velocidade de carregamento. Para o nosso site, utilizamos a Amazon CloudFront.
Diminua e previna o “Render Blocking” do código do site
Outro potencial culpado que pode aumentar o tempo de carregamento de um website é o código que não foi consolidado, particularmente o CSS e o JavaScript. Ainda que possa, manualmente, remover o espaço em branco e consolidar os ficheiros externos, existem alguns automatismos que tornam a tarefa mais fácil.
O MinifyJavaScript é um ferramenta simples baseada na web para comprimir o seu JavaScript directamente a partir do seu browser. De forma semelhante, este site fará o mesmo para JavaScript e CSS utilizando o YUI Compressor da Yahoo.
Já o Minify é uma ferramenta baseada em PHP que os programadores podem utilizar para, de forma automática, comprimir e consolidar scripts externos. Existe também um plugin no WordPress para o fazer.
