Como Otimizar O WordPress Para Melhor Desempenho

Aprenda Como Acelerar o Seu Site WordPress

Neste tutorial, nós vamos dar a você algumas dicas sobre como melhorar a velocidade do seu site WordPress. Ter um site rápido é essencial se você quiser fornecer aos seus visitantes uma ótima experiência do usuário e estar bem classificado nos motores de busca como Google e Bing que levam a velocidade de carregamento das páginas em consideração.

Ativar Cache Dinâmico

Adicionar o cache dinâmico configurado corretamente para o seu site WordPress terá ótimo efeito sobre a sua velocidade. Há muitos serviços como o Varnish e APC que podem ser usados, mas todos eles exigem muitas configurações do servidor e ajustes do seu aplicativo para funcionar corretamente. É por isso que, nós da SiteGround criamos uma ferramenta chamada SuperCacher. Com ela, tudo o que você precisa fazer é instalar um plug-in e habilitar o cachê dinâmico com um único clique. Para mais informações sobre como usá-lo, por favor consulte o nosso Tutorial SuperCacher.

Habilitar a compactação gZIP

Para diminuir o tamanho dos dados que estão sendo transferidos entre o servidor e seus visitantes, você pode habilitar a compactação Gzip para suas imagens, arquivos CSS e JavaScript. Ao fazer isso, o servidor web irá compactar (como a criação de um arquivo ZIP por exemplo) este conteúdo antes de ser transferido através da Internet no seu navegador. Por outro lado, o seu navegador descompacta o conteúdo antes de processá-lo. Isto reduz significativamente o tamanho da informação que está sendo transferida diminuindo o tempo de carregamento das suas páginas.

A maneira mais fácil de habilitar a compactação Gzip para suas imagens, arquivos CSS e JS é adicionar essas linhas ao seu arquivo .htaccess na pasta fonte do WordPress:

## ENABLE GZIP COMPRESSION ##
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
## ENABLE GZIP COMPRESSION ##

 

Use um CDN

Redes de distribuição de conteúdo (CDN) são redes de servidores que clonam o seu site em todos os seus nós de localização. Isto significa que quando seus visitantes solicitam o seu site, ele será servido pela localização do servidor mais próximo, em vez do centro de dados principal do seu provedor de hospedagem. Para mais informações sobre esse assunto, consulte o nosso Tutorial CloudFlare CDN.

Otimizar suas Imagens

As imagens são parte essencial de todo site. É importante tê-las optimizadas. Existem algumas coisas a respeito das nossas imagens que você deve ter em mente ao fazer o seu site WordPress:

  • Use imagens com o tamanho adequado. Não faça upload de imagens grandes e, em seguida, reduzá-as com HTML. Certifique-se de que as suas fotos e outras imagens não sejam maiores do que o tamanho que você está realmente as exibindo.
  • Faça um Smush suas imagens. Ao realizar smushing delas irá remover todos os dados adicionais a partir das suas fotos – data de criação, câmera usada para a foto, GPS coordenadas, etc. Existe um plug-in pequeno agradável que faz isso para você chamado WP Smush.it.
  • Se possível, use Sprites para os seus temas. Usando sprites é uma técnica CSS que usa uma única imagem para exibir vários elementos de design nas suas páginas. Desta forma, em vez de carregar dezenas de pequenas imagens (que fazem solicitações HTTP de cada vez), o site irá abrir um único. Sprites, no entanto, devem ser considerados quando o tema é projetado. Então, sempre busque por temas que utilizam sprites.

Reduza seus arquivos JavaScript e CSS

Reduzir seus arquivos CSS e JavaScript significa que todos os dados desnecessários como espaços duplos, novas linhas vazias, comentários, etc. serão removidos a partir dos ficheiros reduzindo o seu tamanho. Existem muitas ferramentas online que você pode usar gratuitamente para reduzir seus arquivos. Além disso, se você estiver usando o plug-in W3 Total Cache, tem uma opção para reduzir automaticamente os arquivos CSS e JS do seu tema.

Cache do Navegador de Alavancagem

Alavancar o cache do navegador significa que você pode especificar por quanto tempo o navegador dos seus visitantes deve armazenar em cache as suas imagens, CSS, JS e arquivos flash. No entanto, se qualquer um desses recursos for definido, o servidor irá notificar o navegador dos visitantes e o conteúdo em cache será substituído por um novo. Você pode adicionar as linhas abaixo ao seu arquivo .htaccess, a fim de permitir esta técnica.

## LEVERAGE BROWSER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType application/x-javascript “access 1 month”
ExpiresByType application/javascript “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 2 days”
</IfModule>
## LEVERAGE BROWSER CACHING ##

Otimize o seu banco de dados WordPress

É uma boa prática otimizar seu banco de dados WordPress de vez em quando. Você pode pensar nisso como a execução de um Desfragmentador de disco no seu disco rígido local. Para mais informações sobre esse assunto, veja o nosso artigo sobre Como Otimizar um Banco de Dados MySQL.

We will be happy to hear your thoughts

Leave a reply