13 dicas para acelerar o site WordPress (para iniciantes)

Publicados: 2014-11-11

O tempo de carregamento do site é crucial. Sua prioridade número um com o WordPress deve ser acelerar o site WordPress . Quando um visitante chega ao seu site pela primeira vez, você só tem alguns segundos para obter o foco dele e incentivá-lo a passar mais tempo navegando em seu site.

Muitos estudos de pesquisa confirmaram que você tem um tempo muito breve para carregar seu site antes que os visitantes cliquem para sair, especialmente se eles acessaram seu site por outro link.

As causas da baixa velocidade do site são várias . Tema mal codificado, muitos plug-ins, imagens mal otimizadas, vários widgets, etc. Pode ser qualquer coisa. Um site de carregamento lento pode prejudicar os negócios, pois afasta visitantes que esperam tempos de carregamento rápidos e uma experiência online tranquila. Um ponto fraco com o qual o WordPress lida é seu tempo de carregamento normalmente muito lento.

Sem tomar as melhores medidas, você pode acabar com um site lento que certamente não será apenas um inconveniente para os visitantes recorrentes do site, mas fará com que você perca assinantes e também clientes como resultado da natureza impaciente das pessoas .

Se sua página for lenta, você poderá perder visitantes antes mesmo de ter a chance de convertê-los em clientes. O Google até incluiu a velocidade do site em sua fórmula de classificação.

Isso indica que a velocidade do seu site afeta o SEO. Se o seu site for lento, você não estará simplesmente perdendo visitantes; você também os está perdendo por ter posições mais baixas nos motores de busca.

Então, vamos acelerar o blog WordPress no qual você tem trabalhado por tanto tempo. Recomendo testar a velocidade da página antes e depois dessas dicas para ver se alguma alteração significativa no tempo de carregamento foi feita. Você pode usar GTmetrix, Pingdom ou Google PageSpeed ​​Insights.

Índice

Dicas para acelerar o site WordPress

Aqui estão algumas dicas que você pode aplicar para melhorar a velocidade do seu site:

# 1 Mantenha apenas os plug-ins de que você precisa

Com muitos plug-ins por aí prometendo fazer coisas incríveis pelo seu site, é fácil se atualizar e pegar a febre dos plug-ins. Em breve, você terá plug-ins controlando todas as funções e recursos do seu site.

Isso não está certo. Mais plug-ins, mais problemas. Quanto mais plug-ins você tiver, mais trabalho seu site terá durante o carregamento. Além disso, nem todos os plug-ins estão codificados corretamente. Alguns podem estar desatualizados.

Mantenha apenas aqueles de que você precisa. Livre-se de vários plug-ins que executam as mesmas funções, plug-ins que você não está mais usando e aqueles que foram criados há mais de dois anos e nunca foram atualizados.

# 2 Escolha cuidadosamente o provedor de hospedagem

Ao começar, um host compartilhado pode parecer um bom negócio (uso de espaço em disco ilimitado, largura de banda ilimitada). Mas isso vem com outro preço: taxa de site incrivelmente lenta, bem como tempo de inatividade constante durante períodos de alto tráfego.

Você está se matando executando seu site WordPress em hospedagem compartilhada se planeja fazer negócios sérios. Não seja uma vítima; comprar hospedagem apropriada. Você pode verificar os melhores provedores de hospedagem WordPress baratos em meu post, onde os comparei com base nos recursos que eles oferecem.

# 3 Muitos widgets na página inicial

Na maioria dos casos, a página inicial é a primeira página que os visitantes veem. Você pode ter projetado para mostrar tudo o que você tem. Barra lateral aqui e ali, apenas mais um widget, eu prometo . Tudo para impressionar os visitantes.

Porém, quanto mais widgets e conteúdo você tiver na página inicial, mais tempo o seu site levará para carregar. Lembre-se de que um design limpo é igualmente impressionante. Não se limite a compartilhar widgets em todos os lugares da sua página inicial.

Guarde-os para o final das postagens de seu blog, onde terão o maior impacto. Você também pode acelerar o tempo de carregamento usando as opções do WordPress para mostrar trechos em vez de postagens completas e limitar o número de postagens por página a 12.

# 4 Bom tema WordPress

Um tema WordPress bem codificado e otimizado é essencial. São como os alicerces da sua casa. Não haveria nada sem ele. É verdade que você não pode saber exatamente se um tema está bem codificado até instalá-lo e ativá-lo. Verifique o que as outras pessoas estão dizendo e leia as avaliações para descobrir.

Se você não tem certeza de ir com o tema WordPress pago ou gratuito, talvez o guia de postagem do tema WordPress Grátis vs. Pago ajude.

# 5 Otimização de imagem

Quanto maior o tamanho e a qualidade de uma imagem, mais tempo leva para carregar. Quanto mais imagens você tiver, mais o site ficará mais lento. Existem soluções para isso, então não tenha medo de usar imagens em seu site.

Antes de enviar imagens para meus sites, sempre as redimensiono no Photoshop e, ao salvar, escolho a opção “Salvar para WEB”. Isso mantém a qualidade da imagem, mas as otimiza para uso no site.

Após o upload, eu executo as imagens por meio do plugin de otimização de imagens. Eu usei o plugin Image e PDF Optimizer, mas agora prefiro ShortPixel.

Você também pode ter o plugin Lazy Load instalado. É um processo que carrega apenas as imagens que aparecem “acima da dobra” ou na parte do site que o visitante está visualizando.

Você pode fazer isso automaticamente com o plugin jQuery Image Lazy Load (este plugin não é mais atualizado e suportado. Sugiro encontrar um plugin alternativo).

# 6 Use o plugin de cache

Os plug-ins do WordPress são bastante úteis. Os plug-ins de cache melhoram drasticamente o tempo de carregamento da página e, o melhor de tudo, todos eles no WP.org são gratuitos e fáceis de usar. Você pode tentar W3 Total Cache, WP Rocket ou Super Cache. Esses são os mais populares e devem acelerar o site WordPress.

Alguns recursos e configurações podem ser opressores e você pode se perder. Portanto, tome cuidado com o que você habilitará. Existem também muitos tutoriais disponíveis para a melhor configuração do plugin de cache, então verifique-os também.

Para obter mais informações, você pode verificar a comparação WP Rocket vs WP Super Cache vs W3 Cache Total vs Hyper Cache.

# 7 Use a rede de distribuição de conteúdo

Todos os grandes sites usam CDN. A rede de distribuição de conteúdo ou CDN pega todos os seus arquivos estáticos que você tem em seu site (CSS, JavaScript e imagens, etc.) e permite que os visitantes baixem-nos o mais rápido possível, servindo os arquivos em servidores o mais próximo possível deles.

Se o seu site ainda é pequeno, você provavelmente não precisa de opções pagas de uma rede de distribuição de conteúdo como a Max CDN para acelerar um site WordPress. Em vez disso, para começar, use o plano CloudFlare gratuito.

# 8 Otimize o banco de dados WordPress

Isso pode ser feito de uma maneira manual muito entediante, extremamente enfadonha ou ... Sim, outro plugin. Você pode simplesmente usar o plug-in WP-Optimize, que uso em todos os sites que gerencio.

Embora não tenha sido atualizado por 1 ano, ele ainda faz o trabalho sem problemas ou conflitos com outros plug-ins. Você pode tentar WP-Sweep como alternativa.

Este plugin permite que você faça apenas uma tarefa simples: otimizar banco de dados (spam, revisões de post, rascunhos, tabelas, etc.) para reduzir sua sobrecarga.

# 9 Desativar hotlinking

Hotlinking é uma forma de "roubo" de largura de banda. Isso ocorre quando outros sites têm links diretos para as imagens em seu site a partir de seus artigos, tornando a carga do servidor cada vez mais alta. Isso pode aumentar rapidamente se muitas pessoas “rasparem” as postagens do seu site à medida que ele se torna mais popular.

Coloque este código em seu arquivo raiz .htaccess:

desativar hotlinking de imagens com opção de imagem proibida ou personalizada
RewriteEngine em
RewriteCond% {HTTP_REFERER}! ^ $
RewriteCond% {HTTP_REFERER}! ^ Http (s)?: // (www \.)? Sparringmind.com [NC]
RewriteCond% {HTTP_REFERER}! ^ Http (s)?: // (www \.)? Google.com [NC]
RewriteCond% {HTTP_REFERER}! ^ Http (s)?: // (www \.)? Feeds2.feedburner.com/nome do seu feedburner [NC]
RewriteRule \. (Jpg | jpeg | png | gif) $ - [NC, F, L]

Você precisará colocar o nome do seu feed em “seu nome do Feedburner”, caso contrário, suas imagens não aparecerão corretamente lá.

# 10. Adicionar cabeçalho de expiração a recursos estáticos

Um cabeçalho Expires é uma forma de especificar um tempo suficientemente distante no futuro para que os clientes (navegadores) não tenham que buscar novamente qualquer conteúdo estático (como um arquivo css, javascript, imagens, etc.). Desta forma, pode reduzir significativamente o tempo de carregamento para seus usuários regulares.

Você precisa copiar e colar o seguinte código em seu arquivo raiz .htaccess :

ExpiresActive On
ExpiresByType image / gif A2592000
ExpiresByType image / png A2592000
ExpiresByType image / jpg A2592000
ExpiresByType image / jpeg A2592000

Os números acima são definidos para um mês (em segundos). Altere-os como desejar.

# 11 Ativar compactação de HTML

A compactação HTML ajuda a diminuir o tamanho de cada arquivo no site. Ele reduz o tamanho do arquivo encurtando URLs com segurança, removendo todos os comentários padrão e espaços em branco desordenados de um arquivo de documento HTML.

Normalmente no WordPress, cada postagem é formatada em um documento HTML, então, obviamente, se habilitarmos a compactação HTML, teremos a melhor chance de economizar largura de banda e garantir a entrega quase imediata de conteúdo aos nossos leitores, melhorando a classificação do Google.

Se você tiver algum plugin de cache ativado, ele deve ter a opção de ativar a compactação HTML.

# 12 Ativar compactação HTTP

É muito parecida com a compactação HTML, mas a compactação HTTP tem como alvo todos os arquivos, incluindo JavaScripts, CSS, HTML, XML, Plain, Favicon, etc. É o método mais popular de carregar sites mais rápido, fazendo Gzip do restante do conteúdo em sites WordPress.

Reduz mais de 60% - 80% do tamanho da página. Para ativar a compactação HTTP, use a seguinte linha de códigos em seu arquivo .htaccess :

 # compress text, html, javascript, css, xml: 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 AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico

Nº 13: reduza CSS e JS

Os arquivos JavaScript e CSS geralmente contêm espaços e comentários não utilizados. Para remover os espaços e comentários não utilizados, é bom habilitar o Minify em vez de editar cada arquivo por vez. Se você tiver o plugin de cache ativado ou CDN (Cloudflare), deve haver uma opção para habilitar CSS e js minify.

Resumo do WordPress para acelerar

Espero que essas dicas ajudem você a acelerar o site WordPress. Gostaria de salientar que, embora a velocidade seja extremamente importante, ela não é tudo. Sempre tenha em mente qual é o objetivo do seu site.

As técnicas que mencionei variam de melhorias básicas a intermediárias que você pode implementar para otimizar seu site WordPress.

Essa combinação de ferramentas e plug - ins deve ajudar a criar um site mais rápido sem gastar nenhum dinheiro. Outra coisa que você precisa saber, muitos plug-ins não necessariamente tornam seu site mais lento, desde que sejam plug-ins de qualidade.

Agora é com você. O que eu perdi? Se você tem suas dicas, deixe-me saber nos comentários abaixo.