Neste artigo vamos revelar acima de 10 formas para acelerar a velocidade de carregamento do o seu website lento WordPress. São ajudas que vão da escolha correcta do serviço de alojamento e o próprio tema, otimização das imagens e a identificação dos plugins mais lentos.
Não há nada pior que um website que leva uma eternidade para carregar, certo?
Se você é como a maioria dos utilizadores da Internet, isso certamente que o incomoda e pode até mesmo induzir-te a pressionar o botão “voltar” antes mesmo que o conteúdo do website seja carregado totalmente (especialmente no telemóvel!). Além disso, é evidente que você sem duvida não quer que o o seu website WordPress seja um desses que demoram a carregar. Além de melhorar a experiência do utilizador, a optimização da velocidade do o seu website em WordPress pode aumentar a a sua taxa de conversão.
De facto, desde 2010 que o Google utiliza a velocidade da página como um fator de classificação de websites nos seus resultados do motor de pesquisa. Além disso está nos planos da Google utilizar a velocidade dos websites na Internet como factor de classificação dos resultados de investigação para dispositivos móveis a partir de julho de 2018. Tendo em conta este dois factores importantes, devemos concentramos já em otimizar o desempenho dos nossos websites.
Mas o que é preciso para melhorar rapidamente o desempenho do meu website?
De facto, não é necessário utilizar ferramentas para criar o o seu website em wordpress como é o caso do Elementor. Se quer criar um blogue pode encontrar um guia passo a passo aqui. Se realmente quer acelerar o o seu website em WordPress e fazer com que carregue o rapidamente possível, precisa indiscutivelmente de adotar uma abordagem mais ampla. Neste artigo, vamos partilhar alguma ajudas simples que certamente ajudam a acelerar rapidamente o o seu website em WordPress. Embora algumas dessas ajudas estejam relacionadas com websites criados a utilizar a ferramenta Elementor, todas elas se podem aplicar a outros tipos de websites em WordPress.
7 grandes optimizações de desempenho por onde pode começar
Há uma quantidade imenso de pequenos ajustes de desempenho que você pode fazer e que pode consultar na próxima secção. Mas as próximas sete ajudas de optimização vão dar-lhe o maior retorno em termos de desempenho para o investimento que faz em termos de tempo quando se trata de acelerar o o seu website WordPress. Para começar e fazer um ponto da situação, teste o o seu website com o Pingdom Tools ou Gtmetrix antes de fazer qualquer tipo de alteração ou reconfiguração. Desta forma, você passa ter noção exacta de quanto é que estas ajudas conseguem ou não acelerar o o seu website WordPress.
1 – Escolha um serviço de alojamento optimizado para desempenho
Todos os outros ajustes desta lista de ajudas actuaram sobre os parametros de desempenho que realmente pode controlar no o seu website. Existem outros tipos de ajustes que você não pode contornar directamente e estão relacionado sobretudo com os o seu serviço de alojamento. O o seu website será tão ligeiro quanto o sistema em que está alojado. Por outras palavras, apesar de poder tornar o o seu website rapidamente com as ajudas a seguir, não pode torná-lo rapidamente sem que o serviço de alojamento seja optimizado para o desempenho.
Bons serviços de alojamento orientados para o desempenho
A primeira coisa com que se deve preocupar é se o serviço de alojamento dá ao menos a tecnologia PHP 7 ou superior. O sistema PHP 7 possibilita atingir melhores resultados de desempenho em em comparação com as versões mais antigas do PHP 5, que infelizmente muitos serviços de alojamento ainda estão a utilizar. U
m serviço de alojamento WordPress com uma gestão de qualidade deve oferecer PHP 7 em conjunto com uma imenso quantidade de outros ajustes de desempenho. Servem sobretudo para ajudar o o seu website em WordPress a carregar mais rapidamente e são sistemas como por exemplo cache ao nível do servidor onde o o seu website está alojado. Tendo em conta o o seu orçamento a SiteGround e a InMotion Hosting oferecem planos geridos de alojamento ligeiro para websites em WordPress.
Mas à medida que o o seu website vai crescendo é provável que tenha de pensar em soluções mais técnicos qualificados com a Kinsta , WP Engine e o Liquid Web que conseguem oferecer soluções com mais qualidade. Qualquer um dos serviços de alojamento anteriores deve ser capaz de executar a ferramenta de criação de websites o Elementor. Mas se por qualquer outra razão você optar por outra opção, aqui estão as características que deve ter em conta para maximizar o desempenho do Elementor :
- PHP 7+
- MySQL 5.6+
- Mínimo 64MB de memória WordPress. Idealmente 128 MB ou mais.
Photo by Halacious on Unsplash
2 – Escolha sempre um tema leve que tenha uma base sólida
Mesmo que você esteja a utilizar uma ferramenta como o Elementor para criar a maior parte do o seu conteúdo, o tema que escolheu para o o seu Wordpress terá sempre um papel importante na velocidade de carregamento do o seu website. De facto, podemos falar por experiência própria. Quando mudamos o www.informatico.pt para um tema mais leve (GeneratePress), conseguimos reduzir 48% dos tempos de carregamento da página principal.
Sim, foi uma mudança abismal!
Por isso, quando pensar em optar por um tema para melhorar o desempenho do o seu website, tenha sempre em consideração os 2 factores a seguir. Os temas orientados para o desempenho devem ser:
- Leves em termos de tamanho de ficheiros e solicitações;
- Modulares para que você possa optar por simplesmente os recursos que deseja.
Bons temas Wordpress orientados para o desempenho
Todas as opções a seguir são óptimas, especialmente se você estiver a utilizar um construtor de páginas como o Elementor:
- Hello Theme – A equipa por de trás do Elementor criou este tema leve disponível simplesmente para utilizadores do Elementor Pro.
- GeneratePress – Um tema leve e popular de Tom Usborne.
- Gênesis – Uma estrutura de temas, em vez dum único tema. Popular entre os programadores.
- Astra – Outro tema leve e personalizável e com muitas integrações para plugins como WooCommerce e LifterLMS.
- OceanWP – leve, personalizável e dá muitas extensões gratuitas e premium úteis.
3 – Optimize automaticamente todas as imagens do o seu website
Em consonância com alguns artigos, as imagens representam cerca de 50% do tamanho total dos ficheiro duma página normal. De facto, as imagens contribuem bastante para o tamanho dos ficheiros que a a sua página precisa de carregar. Por isso, pode e deve tentar conseguir obter algumas melhorias de desempenho otimizando apenas as suas imagens. Existem dois aspectos principais que deve ter em consideração quando tentar otimizar as imagens que utiliza no o seu website WordPress.
A- Esteja alerta às dimensões reais das imagens.
Se o o seu tema mostrar simplesmente imagens com até 800px de largura que é um tamanho bastante normal, não faz sentido continuar a enviar imagens de 3.000px ou mais para o o seu website. Excluindo os websites de fotografia ou similares, mesmo para ecrãs com o sistema retina, o envio de imagens muito maiores que o tema pode suportar é no mínimo um desperdício de espaço! Assim, o primeiro passo traduz-se em redimensionar as imagens do o seu website para a largura máxima que o o seu tema pode suportar.
B- Tenha cuidado com a compactação das imagens.
A compactação das imagens traduz-se na optimização do o seu tamanho, não em termos de largura e altura, mas sim em termos de tamanho do ficheiro em Mbs. Para este processo de compactação podem ser utilizados dois tipos de métodos:
- Com perdas – grandes reduções de tamanho de ficheiro, mas também alguma perda de qualidade.
- Sem perdas – reduções de tamanho menores, mas sem qualquer tipo de perda de qualidade.
Dependendo da importância da qualidade da imagem para o o seu conteúdo, você pode optar por entre os dois métodos de compactação. A maioria dos websites pode utilizar com proteção a compactação com perdas. Para redimensionar e compactar automaticamente as imagens que você envia para o o seu website WordPress, você pode utilizar alguns plug-ins de qualidade:
- ShortPixel – cobra-lhe com base no número de imagens que você optimiza. Sem restrições de tamanho. Gratuito para até 100 imagens por mês.
- Imagify – cobra-lhe com base no tamanho em MB das imagens que você otimiza. Sem restrições de número de imagens. Gratuito para até 25MB por mês.
- Smush – solução 100% gratuita, mas simplesmente para compactação sem perdas . Com restrições no tamanho maximo do ficheiro (até 1MB).
4 – Procure e livre-se dos Plugins lentos do WordPress
Ao contrário dum mito muito popular entre os criadores de websites, não existe uma correlação direta entre o número de plug-ins que tem instalados e a velocidade do o seu website. Por outras palavras, nem todos os plug-ins afetam negativamente a velocidade do o seu website. O ideal é saber qual dos plugins afecta mais o desempenho do website e tentar ver-se livre dele. Mas, em vez de tentar remover arbitrariamente os seus plugins, você pode tentar reduzir especificamente a quantidade de plugins que estão realmente a tornar o website mais lento.
Como encontrar os plugins do WordPress que tornam o website mais lento
Aqui estão duas formas bastante acessíveis por onde pode começar:
Primeiro, você pode utilizar o plug-in gratuito P3 (Plugin Performance Profiler) se ainda estiver a utilizar o PHP5, o que já não deveria estar a fazer. Mas se você ainda não trocou de serviço de alojamento este plugin é o método mais fácil que pode utilizar para encontrar os plugins vampirus. Embora o plugin já não seja atualizado há algum tempo, ainda funciona bem na maioria dos servidores que ainda utilizam o PHP5.
Por outro lado, se o o seu servidor já utilizar o PHP 7 é bom para o desempenho do o seu website mas não tão bom porque já não pode utilizar o plugin P3. Assim, a forma mais amigável para encontrar plugins “vampirus” é através do separador Waterfall duma das seguintes ferramentas: GTmetrix ou Pingdom. Para tal, é necessário abrir um desses websites e analisar os diversos pedidos que aparecem nos resultados para tentar encontrar quais são os principais pontos de estrangulamento. Você pode passar o rato sobre uma das linhas para ver qual o endereço URL dela e assim ter uma ideia melhor de qual o plug-in que está na origem de cada pedido:
Se não gosta desta solução pode optar sempre por outra ferramenta, embora não seja muito acessível para utilizadores mais comuns. É de facto uma ferramenta muito útil mas que requer mais alguns conhecimentos técnicos para se utilizar eficazmente. É um plugin gratuito para Wodpress e chama-se Query Monitor.
O que deve fazer com os plugins que atrasam o o seu website
Bem, a resposta mais óbvia seria desinstala-los, se forem desnecessários, ou encontrar alternativas mais focadas na optimização do desempenho. Pode optar por alguns plugins que o podem ajudar a matar dois coelhos com uma cajadada. Por exemplo, o Elementor Pro pode eliminar a urgência de utilizar diversos plug-ins, já que trás embutidas varias funcionalidades criadas com a atenção no desempenho:
- Sliders
- Formulários
- Botões de partilha social
- Temporizadores de contagem regressiva
- etc.
5 – Minimize o código e agrupe os ficheiros automaticamente
Minificação e concatenação são duas táticas para diminuir consideravelmente o tamanho e o número de ficheiros de código do o seu website sem alterar qualquer das funcionalidades subjacentes. A minimização funciona removendo caracteres desnecessários como espaços em branco e quebras de linha. A concatenação funciona agrupando diversos ficheiros semelhantes num só. O plug-in Autoptimize é capaz de fazer estas duas coisas e além disso +e completamente gratuito. Tudo o que você precisa de fazer é configura-lo conforma a imagem a seguir:
Mas, se você passar a ter algum problema com o o seu website, o que deve tentar fazer é voltar a desativar a otimização de JavaScript e verificar se isso lhe resolve o problema.
6 – Use o cache de páginas para gerar versões HTML estáticas do o seu conteúdo
Os sistemas de Cache de páginas são o santo graal dos artigos sobre os metodos de como acelerar o WordPress. Não deve ser utilizado como a unica solução para problemas de desempenho mas, com este pequeno ajuste, pode conseguir algumas melhorias importantes no desempenho. O sistemas de cache de páginas funcionam a criar uma versão HTML estática da a sua página para depois a mostrar servir aos visitantes. Por outras palavras, em vez de forçar o servidor a gerar uma página a partir da base de dados e dos ficheiros PHP, para cada visita, o sistema cache guarda uma c+ioa já completa dessa página.
Hoje em dia, muitos serviços de alogamento geridos para WordPress já implementam o cache de páginas a nível do servidor. Por isso pode não ser realmente necessário ter de fazer esta configuração sozinho se já estiver a utilizar um serviço de alojamento gerido para Wordpress. Mas se o o seu serviço de alojamento não implementar sozinho o sistema de cache de páginas, você poderá fazê-lo recorrendo apenas a um plugin.
Há uma imenso quantidade de plugins de cache, mas algumas das melhores soluções são:
- Cache Enabler – um plugin leve do privado do KeyCDN. Fuinciona muito bem com o Autoptimize, mas certifique-se de desativar a minificação se estiver a utilizar a Otimização Automática ).
- WP Super Cache – solução gratuita da Automattic que teve sempre um bom desempenho nos testes.
- Swift Performance Lite – plugin que tem recebido ótimas críticas no grupo do Facebook WordPress Speed Up .
- WP Rocket – só existe na versão premium e possibilita fazer uma serie de outros ajustes de desempenho que vão além do cache de páginas.
7 – Implementar uma rede de distribuição de conteúdo CDN
Uma rede de distribuição de conteúdo, ou CDN, ajuda a acelerar o o seu website. Sobretudo quando os seus visitantes estão espalhados por todo o mundo. Sem um CDN, cada pessoa que visita o o seu website, que esteja em Portugal ou na China, precisa de descarregar as páginas do mesmo local (o seu servidor). Um CDN guarda cópias dos ficheiros do o seu website em diversos locais espalhados pelo mundo. Dessa forma, os browsers podem fazer o download de o seu website a partir do local mais próximo deles. Isto resulta numa menor latência e em tempos de carregamento de página aprimorados.
De facto é muito barato ou melhor é grátis!
de facto pode aproveitar a tecnologia CDN grátis a utilizar o serviço Cloudflare. Embora a Cloudflare tenha planos pagos o plano gratuito é adequado à maioria dos websites. Assim, para ter o o seu website WordPress configurado com o Cloudflare, só precisa de:
- Inscrever-se na Cloudflare
- Alterar os servidores DNS do seu domínio para os DNS da Cloudflare
É muito simples, mas se precisar de mais ajuda, não hesite em nos contatar aqui. Também existem algumas parametrizações específicas do WordPress para o Cloudflare.
Ajustes de desempenho mais pequenos mas a considerar
Estes ajustes podem não ser tão importantes quanto as ajudas acima mas também podem ser uteis. De facto, podem ajudá-lo a conseguir mais algumas melhorias de desempenho para o o seu website. Se não quiser reinventar a roda, alguns plug-ins de desempenho podem ajudar. São capazes de implementar muitos destes ajustes automaticamente:
- WP Rocket (premium)
- Swift Performance (freemium)
8 – Ative a compressão GZIP e reduza 70% o tamanho dos ficheiros
A compressão GZIP é uma forma fácil de compactar os ficheiros enviados do o seu servidor para o browser das suas visitas. Com isso pode reduzir o tamanho das suas páginas em aproximadamente 70%, o que é uma melhoria considerável.
Também é fácil de implementar.
Supondo que o o seu servidor esteja a utilizar o Apache só precisa adicionar este snippet de código ao ficheiro .htaccess do o seu website:
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
Por outro lado, alguns serviços de alojamentos também permitem fazer isso por cPanel. Por exemplo, o SiteGround inclui uma opção para otimizar o website no o seu painel cPanel:
Depois de ativar a compactação GZIP, pode verificar se está a funcionar adequadamente. Utilize a seguinte ferramenta gratuita para verificar o sistema de compressão GZIP .
9 – Reduzir pedidos HTTP e livrar-se dos atrasos
Sempre que alguém acede ao um website, o o seu browser faz um “pedido” http. É composto por uma lista de ficheiros necessários para poder “criar” a página web. Inclui código HTML, CSS, imagens e ficheiros e scripts externos. Como por exemplo o o seu código de acompanhamento do Google Analytics. Já viu um exemplo destes pedidos em cascata nos tópicos anteriores. Quando tentamos mostrar como pode descobrir os plugins mais lentos.
De facto, cada pedido pode levar uma quantidade de tempo diferente. Portanto, podemos concluir que mais pedidos HTTP tornam os websites mais lentos. Por isso os utilitários como o Pingdom e o GTmetrix são muito uteis. Podem descobrir simplesmente o número de pedidos do o seu website:
Sim, a Otimização automática como a concatenação ajudam a reduzir o número de pedidos. Mas também pode executar algumas tarefas manualmente para corrigir o problema. Não vamos aprofundar-nos muito mas é capaz de algumas melhorias rápidas com:
- Não utilizar o Google Fonts
- Desativar o Font Awesome Icons
- Desativar Gravatars
Pode por exemplo desativar o Google Fonts e o Font Awesome no construtor de websites Elementor. É necessário para tal adicionar o código a seguir a um plug-in como o Code Snippets, ao ficheiro functions.php ou ao o seu tema “filho”:
add_filter( ‘elementor/frontend/print_google_fonts’, ‘__return_false’ );
add_action( ‘wp_enqueue_scripts’, function() { wp_dequeue_style( ‘font-awesome’ ); }, 50 );
Para encontrar informação mais detalhada sobre este tópico, consulte o artigo do plugin WP Rocket.
10 – Configurar um sistema de cache do browser
O armazenamento em cache do browser é outro tipo de otimização que pode acelerar o carregamento do o seu website. Mas, é um método diferente do método de cache de página, mencionado atrás. O cache do browser pede aos browsers para armazenarem certos tipos de ficheiros no PC local. Depois, da próxima vez que visitarem a página do website, o browser poderá carregar as versões de alguns ficheiros guardadas em cache. Em vez de esperar pela resposta do servidor, o que traduz em tempos de carregamento muito mais rápidos. Para ativar o cache do browser manualmente, só precisa de adicionar o seguinte código ao ficheiro .htaccess do o seu website:
<filesMatch “.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$”>
Header set Cache-Control “max-age=84600, public”
11 – Otimize a base de dados e livre-se da confusão
A base de dados dum website é o local onde o conteúdo e as parametrizações são guardados. Com o tempo, essa base de dados, acumula toneladas de lixo sobe a forma de:
- Revisões de artigos e páginas
- Artigos, páginas e comentários na reciclagem
- Etc.
Porém é pouco provável que consiga uma grande melhoria nos tempos de carregamento simplesmente com a limpeza da base de dados. Mas se também otimizar a base de dados, ai, é capaz de que seja executada com mais eficiência. O plugin WP-Optimize pode ajudar a limpar esse lixo da a sua base de dados. Na próxima seção explicamos com impedir que a a sua base de dados acumule mais lixo.
12 – Utilize o Plugin WP-Disable para se livrar do lixo
O plugin WP-Disable pode ajudar a fazer alguns ajustes pequenos de desempenho através duma interface amigável. Pode brincar com as suas parametrizações, eis o que normalmente gostamos de fazer:
- Desativar emojis que é um ficheiro javascript que o WordPress adiciona ao o seu website e que não precisa, se não utiliza emojis.
- Remover frases de consulta ou Querystrings, que já é criado por muitas ferramentas de otimização de websites.
- Altere a assiduidade da API para 60 segundos para diminuir a carga do o seu servidor e conseguir mais benefícios da API Heartbeat .
- Alterar as revisões para 1 apesar de alguns utilizadores preferirem desativar completamente as revisões. Mas é útil manter ao menos uma revisão do o seu artigo ou página.
- Desativar a incorporação do Google Maps se não precisar dele. De facto a maioria dos websites pode bem sobreviver sem o Google Maps. O plug-in possibilita que exclua simplesmente determinadas páginas se precisar de utilizar o Google Maps numa página específica.
13 – Desative o hotlinking e acabe com os “Vampiros”
O Hotlinking acontece quando outras pessoas utilizam as imagens alojadas no o seu servidor nos seus próprios websites. Com isso, o o seu servidor precisa de carregar as imagens para as mostrar no website da outra pessoa. O hotlink pode esgotar rapidamente os recursos do o seu servidor e consumir a a sua largura de banda. Não deixe as outras pessoas se aproveitarem de si e dos seus recursos. De facto é fácil bloquear o hotlinking, é necessário adicionar o código a seguir ao ficheiro .htaccess do o seu website:
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)example.com/.*$ [NC]
RewriteRule .(gif|jpg|jpeg|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ – [F]
Certifique-se de substituir “example.com” pelo o seu próprio nome de domínio.
Dica Extra: Utilize o construtor de páginas Elementor
O Elementor foi criado para jamais atrapalhar o desempenho do o seu website já que:
- Segue padrões de código de optimização
- Utiliza ficheiros CSS externos
- Gera pequenos ficheiros CSS com regras CSS personalizadas para cada página
- Utiliza o atributo “srcset” para todos os widgets de imagem
Com isso é capaz de garantir que o conteúdo que você cria com o Elementor é carregado o rapidamente possível. Mas para conseguir que todo o o seu website seja carregado rapidamente, tem de ter a certeza que o resto também está otimizado. Para tal é necessário ter seguido as ajudas deste artigo e deve ser capaz de otimizar sozinho o desempenho do o seu website. Pegue já numa caneca de café e passe a a sua tarde a fazer estas pequenas otimizações. No final desfrute dum website WordPress muito rapidamente e simplificado!
