Se você quer aumentar a velocidade do site WordPress, com certeza esse é o artigo certo. Preparei dicas infalíveis para seu site WordPress ficar um “foguete”.
Vou ser simples, direto e prático, vamos lá.
Alguns motivos para você otimizar e acelerar seu site:
- Melhorar a experiência do usuário;
- Aumentar as visualizações de página;
- Melhorar o SEO.
Ao invés de oferecer um artigo com “Os melhores plugins de cache para WordPress” ou “X dicas para acelerar seu WordPress”, criei esse artigo com a maior abrangência possível de informações e dicas para realmente otimizar seu site, e não apenas te ensinar o que cada ferramenta faz.
1. Verificando a velocidade do seu site WordPress
Não significa que se você acessar seu site agora e ele abrir em 2 segundos ele está perfeito.
Pelo contrário, outras pessoas visitam seu site pela primeira vez, e essa experiência pode ser totalmente diferente, por conta do cache.
Há diversas ferramentas para testar a velocidade de sites, isso você já até deve saber, confira alguns:
Você pode usar todas essas ferramentas, ou simplesmente utilizar uma extensão do Chrome que calcula o tempo (em segundos) de abertura de um site. Clique aqui para instalar (Chrome).
Claro que você está utilizando a sua internet e provavelmente já possui o cache armazenado. E para resolver isso, abra uma janela anônima. Se realizando vários testes o carregamento ficar acima de 8s, recomendo que continue lendo esse artigo.
Instale o plugin e faça o teste.
2. Porque seu site fica lento
Se você usar qualquer uma das ferramentas que citei acima, menos o plugin, claro, elas te darão várias recomendações de melhorias. Legal né? Talvez, se você entender todos os termos técnicos utilizados.
Em fim, é importante você entender o que está deixando seu site lento.
Algumas das causas mais comuns:
- Provedor de hospedagem: servidor não está configurado corretamente, isso prejudica seu site.
- Configurações do WordPress: as configurações do seu site podem afetar servidor, e, também deixar seu site lento.
- Aplicações: Apache, Nginx e mySQL, por exemplo, precisam estar otimizados.
- Plugins: a quantidade e a qualidade dos plugins instalados podem afetar a velocidade.
- Scripts externos: carregamento de fontes, api`s, etc; também podem prejudicar o carregamento.
3. A importância de uma boa hospedagem WordPress
Novidade ou não, a hospedagem tem grande importância no desempenho do seu site. A Hospedagem WordPress é otimizada para tornar a sua loja ou blog mais rápida e confiável.
Nos da GSP Sites utilizamos uma hospedagem de auta velocidade aonde colocamos todos os nossos projetos, se você quer criar ou hospedar seu site conosco saique que terá o melhor desempenho.
4. Instalando plugins de cache
Para você entender, as páginas do WordPress são dinâmicas, isso quer dizer que quando um usuário acessar seu artigo a página é criada.
Para isso, o WordPress faz uma série de execuções, encontrando as informações necessárias e exibindo aos usuários.
E um jeito de agilizar esse processo é usar algum plugin de cache. Resumindo, o cache faz uma cópia da página na primeira visita, acelerando o processo quando solicitado novamente.
Não vou indicar plugins, pois cada site necessita um tipo diferente, então confira uma lista com alguns plugins de cache para WordPress:
5. Minificar HTML, CSS e JS
Outro item super importante é a minificação e otimização da entrega do HTML, CSS e JS. Com isso seu site ficará mais leve e diminuirá o número de requisições ao carregar a página.
Se você instalou o WP Rocket ou o W3 Total Cache eles já tem essa opção embutida. Agora se você instalou os outros plugins o Autoptimize e o Fast Velocity Minify são exelentes opções.
Nós na GSP Sites utilizamos o Autoptimize junto com o Cache Enabler, eles entregam exelentes resultados equivalentes ao WP Rocket, que é um plugin pago.
6. Otimizando imagens
As imagens dão o “tchan” no seu site, isso eu tenho que admitir. Mas se não otimizadas podem trazer grandes problemas relacionados ao desempenho.
Acredito que imagens não otimizadas seja o maior problema dos carregamento dos sites.
Após fazer fotos com câmeras profissionais ou até celulares, eu recomendo que você abra seu editor e reduza o tamanho da imagem.
Recomendo também utilizar os formatos JPEG e PNG.
Formato JPEG para imagens com muitas cores, e PNG para imagens que necessitam ser transparentes, como ícones ou backgrounds
Você pode otimizar as imagens diretamente no seu editor, certifique-se de está salvando em formato WEB.
Aqui na GSP Sites nós utilizamos o ShortPixel, que atém de ter uma ómiza taxa de otimização sem perder a qualidade das imagens ele ainda as converte para WebP que é um formato de ultima geração, 40% mais leve que jpg ou png.
7. Usando uma CDN
O uso de uma CDN (Rede de entrega de conteúdo), com certeza vai acelerar o tempo de carregamento do seu site.
A CDN do Cloudflare por exemplo, possui servidores ao redor do mundo, trazendo o conteúdo para mais perto dos usuários de cada região, acelerando o processo de carregamento.
A tecnologia CloudFlare aproveita as alterações de hardware, tecnologia de servidor web e roteamento da rede.
O resultado é uma CDN mais fácil de configurar, mais acessível, e com um desempenho melhor do que qualquer CDN que você usou antes.
Para utilizar o serviço do Cloudflare, o seu DNS precisa ser alterado.
8. Otimizar o banco de dados
Quanto mais velho seu site, mais informações terá no banco de dados, pela quantidade de postagens, imagens, alterações, tags, etc.
E para aumentar a velocidade do seu site você precisa limpar esses dados desnecessários, você pode fazer isso facilmente com os plugins WP-Sweep ou WP-Optimize.
Se tiver dúvidas, acesse esse artigo mais detalhado que ensina a limpar e otimizar o banco de dados do WordPress.
9. Desabilitando plugins
Analise quais plugins não estão sendo utilizados e desabilite-os, com certeza seu site terá uma melhor performance.
Você também pode substituir plugins pesados e desatuializados por alternativas mais leves e melhores.
10. Desabilitar Hotlink
O Hotlink é nome dado quando alguém utiliza sua imagem em outro site.
Agora imagine 50 pessoas copiando (url) a sua imagem e utilizando em seus sites, quando alguém acessar os sites dessas pessoas, as solicitações serão feitas no seu servidor.
Já deve imaginar que o desempenho será afetado, não é?
Para resolver isso você pode incluir o seguinte comando no arquivo .htaccess.
RewriteCond %{https_REFERER} !^$ RewriteCond %{https_REFERER} !^https(s)?://(www\.)?yourdomain.com [NC] RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
Esse plugin também pode te ajudar.
10. Ativar a Compressão GZIP
A Compressão GZIP é um mode de comprimir os arquivos enviados do seu servidor para o navegador do visitante de sua página. Ativar a Compressão GZIP pode reduzir em até 70% o tamanhos das suas páginas.
E é muito fácil de ser imprementado, assumindo que você está em um servior usando Apache, assim como no tópico anterior, basta adicionar o seguinte código ao seu .htaccess
# 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
Depois de adicionar esse código ao seu site você pode verificar se ele está funcionando do seguinte site Check GZIP compression tool.
11. Outras otimizações no .htaccess
Abaixo segue outras otimizações que você pode colocar no ser .htaccess que farão seu site muito mais rápido
# Security Headers
Options -Indexes Header set X-XSS-Protection "1; mode=block" Header set X-Content-Type-Options nosniff Header set Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" Header always set X-Frame-Options "SAMEORIGIN" Header always set Content-Security-Policy "default-src https: data: 'unsafe-inline' 'unsafe-eval'" Header always set Public-Key-Pins "pin-sha256='X3pGTSOuJeEVw989IJ/cEtXUEmy52zs1TZQrU06KUKg='; pin-sha256='MHJYVThihUrJcxW6wcqyOISTXIsInsdj3xK8QrZbHec='; pin-sha256='isi41AizREkLvvft0IRW4u3XMFR2Yg7bvrF7padyCJg='; includeSubdomains; max-age=2592000"
# Security Headers
# BEGIN DEFLATE COMPRESSION
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
# END DEFLATE COMPRESSION
# BEGIN EXPIRES HEADERS
ExpiresActive On
Images
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
Video
ExpiresByType video/mp4 "access plus 1 year"
ExpiresByType video/mpeg "access plus 1 year"
CSS, JavaScript
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
Others
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
# END EXPIRES HEADERS
# BEGIN Cache-Control Headers
Header set Cache-Control "public"
Header set Cache-Control "public"
Header set Cache-Control "private"
Header set Cache-Control "private, must-revalidate"
# END Cache-Control Headers
# START ENABLE KEEP ALIVE
Header set Connection keep-alive
# END ENABLE KEEP ALIVE
# ENABLE LITESPEED CACHE START
CacheEnable public RewriteEngine On RewriteCond %{REQUEST_METHOD} ^GET|HEAD$ RewriteCond %{HTTP_HOST} ^isopasse.com.br [NC] RewriteCond %{REQUEST_URI} !login|admin|register|post|cron RewriteCond %{QUERY_STRING} !nocache RewriteRule .* - [E=Cache-Control:max-age=300]
# ENABLE LITESPEED CACHE END
# Disable server signature
ServerSignature Off
# Disable server signatureConclusão
Fique atento aos pontos que prejudicam o desempenho do seu site, sabendo quais são você pode melhorá-los.
Se precisar de ajuda para otimizar seu site entre em contato. Agora se quer modernizer, criar ou hospedar seu site ou ecommerce também temos a solução para você.