Acelere o WordPress: 26 dicas de otimização do WordPress

Algumas semanas atrás, eu estava pesquisando alguns recursos de velocidade / desempenho do WordPress e acabei indo ao buraco do coelho de como acelerar os sites do WordPress. Depois de ler o que literalmente dias sobre o assunto, eu me perguntava – e se eu fizer um estudo de caso sobre como acelerar este site?


Para encurtar a história, fiz isso e, se você estiver buscando a correção mais rápida (e melhor) sem ler o artigo inteiro, aqui está.

Mas se você quiser saber como fazê-lo sem pagar esse pequeno preço, continue a ler…

Acelere o WordPressAntes de começar, Pesquisei ainda mais e criei 26 maneiras de acelerar sites / blogs WordPress. Eles estão todos listados abaixo.

Para tornar esse estudo de caso mais preciso, também mencionei quais ajustes eu usei e quais não.

Depois de implementar algumas das coisas deste post, consegui reduzir minha página inicial velocidade de carregamento de 4.23 segundos a 1.33 segundos (sem alterar meu host)!

Antes das mudanças

SBO_speed_before

Após as mudanças

SBO_speed_after

Para sua informação, não estou blefando aqui. Pedi especialmente a um dos meus desenvolvedores da Web para seguir as etapas listadas nesta postagem.

Se você quiser, verifique também a velocidade do seu site via ferramenta Pingdom, basta ir aqui: https://tools.pingdom.com/

Domínio grátis com hospedagem

Eu sei que agora você provavelmente está desejando informações sobre maneiras de acelerar seu WordPress, mas primeiro – leia isto:

Por que você deveria acelerar o WordPress de qualquer maneira?

Parece que minha página inicial carrega apenas três segundos mais rápido do que antes, mas aqui está a verdade feia. Você sabia disso…

  • um atraso de um segundo no tempo de carregamento do seu site pode causar uma perda de 7% nas conversões?
  • … E uma perda de 11% nas visualizações de página?
  • … E uma perda de 16% na satisfação do cliente? Preciso continuar?

A propósito, não estou brincando aqui. Os resultados reais da pesquisa confirmam esses números ruins.

O que isso significa em inglês simples é que você precisa ter muito cuidado para não matar os resultados do seu site com algo tão trivial quanto os tempos de carregamento.

Simplesmente, se o seu site não carregar rapidamente, os visitantes voltarão para a competição quase que imediatamente. E eles provavelmente nunca voltarão. Além disso, mecanismos de pesquisa como o Google também confirmaram que consideram a velocidade de carregamento da página um fator de classificação.

Pronto para acelerar o seu site WordPress?

26 maneiras de acelerar sites WordPress

  1. Escolha o host certo
  2. Mantenha o WordPress atualizado
  3. Mantenha os plugins atualizados
  4. Remova os plugins que você não precisa
  5. Executar varreduras de desempenho de plug-ins
  6. otimizar tamanhos de arquivo de imagem
  7. Minimize o design da sua página inicial
  8. Redimensionar grandes dimensões da imagem
  9. Use um plugin de cache
  10. Otimize seu banco de dados
  11. Monitore a segurança do seu site
  12. Imagens de carregamento lento
  13. mover scripts para o rodapé
  14. Regenerar miniaturas
  15. Minimize arquivos JavaScript e CSS
  16. Use uma rede de entrega de conteúdo (CDN)
  17. Ativar compactação gzip
  18. Desativar hotlinking
  19. Remova os controles deslizantes do seu design
  20. Conecte-se ao Cloudflare
  21. Mudar para um tema mais rápido
  22. Desativar pingbacks e trackbacks
  23. Use sprites CSS
  24. Desativar revisões de postagem
  25. Remover imagens do Gravatar
  26. Excluir comentários de spam

1. Escolha o host certo

Este é o número 1 da lista, sem um motivo. Ter seu site hospedado com a empresa certa é o maior fator que contribui para a velocidade geral do site.

As empresas de hospedagem são basicamente como fabricantes de automóveis – todas oferecem velocidade e desempenho diferentes. Por exemplo, um estudo de caso realizado na DB revelou que a diferença apenas na empresa de hospedagem pode ser responsável por até 56% de alteração nos tempos de resposta / carregamento.

Então, aqui está o que você precisa fazer para ficar do lado da força:

  • escolha uma empresa de hospedagem com boa reputação,
  • escolha um servidor próximo à localização geográfica do seu público-alvo.

No que diz respeito ao antigo, não sou o cara para lhe dizer qual host escolher. Faça sua própria diligência e, se seu site recebe mais de 30 mil visitas mensais, provavelmente é hora de mudar para Dedicado ou VPS. Eu escolheria o HostGator ou o Siteground.

Outra coisa é a localização do servidor. Se possível, escolha o local do servidor mais próximo do seu público-alvo. O raciocínio é bastante simples – quanto mais próximo o servidor, mais rápido o seu site pode ser entregue.

MEU ESTUDO DE CASO: Não mudei de host – caso contrário, meu teste seria muito impreciso.

2. Mantenha o WordPress atualizado

As atualizações do WordPress são lançadas com bastante frequência. Novas versões principais são lançadas a cada 152 dias, em média, mas atualizações menores aparecem com muito mais frequência (a cada 50 dias, se bem me lembro).

Em resumo, é crucial que você atualize assim que uma nova versão for lançada.

wp-update

Cada nova atualização vem com novas melhorias e novas otimizações, tornando seu site mais rápido (e mais seguro também).

MEU ESTUDO DE CASO: Eu sempre tento manter meu WordPress atualizado, então, felizmente, não precisei fazer a atualização.

3. Mantenha os plugins atualizados

O mesmo vale para os seus plugins. Cada nova atualização de plug-in traz novas melhorias, sem mencionar as correções de segurança.

Então, novamente, sempre que você vir uma notificação de atualização de plug-in, atue sobre ela.

mochila a jato

MEU ESTUDO DE CASO: Eu tinha 3 plugins em 15 desatualizados, então eu os atualizei.

4. Remova os plugins que você não precisa

Depois de concluir a atualização dos plug-ins, é uma boa ideia reconsiderar até mesmo alguns deles..

Vamos ser sinceros, nem todo plug-in é uma necessidade absoluta. Você provavelmente pode ficar sem uma grande parte deles.

Precisa de um motivo para fazê-lo? Como se vê, os plug-ins geralmente contribuem para mais de 86% do seu tempo total de carregamento. Pelo menos foi o que aconteceu em um dos meus sites:

carregamento do plugin

MEU ESTUDO DE CASO: Eu removi 4 plugins que estavam inativos.

5. Realize varreduras de desempenho do plug-in

Ok, com alguns plugins desnecessários fora do caminho, agora vamos falar sobre plugins com desempenho ruim.

Sob o capô, os plugins são basicamente pequenos pedaços de software. E acontece que nem todos os plugins são criados com código otimizado e bem estruturado. Alguns deles são simplesmente pobres.

Você pode medir o desempenho de seus plugins com outro plug-in – chamado P3.

p3-scan

A coisa a fazer é verificar o seu site regularmente. Se algum plug-in começar a agir de maneira instável, encontre uma alternativa mais rápida no WordPress.org (sempre há algo).

MEU ESTUDO DE CASO: Fiz a varredura e notei que o plugin chamado BackWPup era realmente pesado. Então eu removi.

6. Otimize os tamanhos dos arquivos de imagem

Você sabia que a maior parte da largura de banda do seu site é consumida por imagens?

Por exemplo, os 13 capítulos originais de The Art of War, quando salvos como uma versão somente em texto, ocupam apenas 63 KB de espaço em disco. Novamente, essa é toda a Art of War.

Você sabe o que mais ocupa 63 KB? Esta imagem única aqui:

Bolonha

Existem 3 coisas que você pode fazer com suas imagens

  1. Você pode instalar um plug-in chamado Imsanity, que redimensionará imagens grandes (de dimensão) sendo carregadas
  2. Você pode redimensionar suas imagens muito grandes usando este site legal – bulkresizephotos.com
  3. Optimole – Isso pode diminuir o tamanho de suas imagens para mais de 70%. Eles têm uma versão gratuita que será mais que suficiente para a maioria dos sites
  4. (Recomendado) Use o WPRocket, que aborda praticamente tudo isso e tudo mais neste guia

MEU ESTUDO DE CASO: Como minha página inicial é direcionada para pessoas que estão aprendendo a iniciar um blog, não pude resistir a menos de mais de 20 imagens para descrever todo o processo.

Infelizmente, isso fez o tamanho da minha página inicial chegar a 7,2MB! Mas depois de seguir os 3 passos acima, consegui obter cerca de 2,5 MB – longe de ser perfeito, mas quase três vezes mais leve que antes.

7. Minimize o design da sua página inicial

Minimalismo é o novo preto.

Especialmente quando se trata de páginas iniciais em sites WordPress.

Aqui está o raciocínio:

Basicamente, quanto mais elementos você tiver na sua página inicial, mais tempo levará para carregá-los. E, como se vê, você realmente não precisa de muito na sua página inicial. Alguns dos sites de maior sucesso na web têm páginas iniciais muito simples.

Exemplo do Slack:

folga

Por quê? Menos é mais. Menos é mais compreensível. Menos é mais fácil de entender.

MEU ESTUDO DE CASO: Não minimizei minha página inicial. Embora uma imagem possa conter mil palavras, eu simplesmente não consigo manter meu guia de blogs tão curto.

Plugins do WordPress que melhorarão seu desempenho

Não sou muito fã de plug-ins, pois, na minha opinião, eles são vulneráveis ​​e geralmente tornam seu blog mais lento, mas alguns deles podem realmente fazer maravilhas em termos de velocidade e desempenho.

8. Redimensione grandes dimensões da imagem

Imsanity: o Imsanity redimensiona automaticamente grandes uploads de imagens. Os colaboradores estão carregando fotos enormes? Cansado de dimensionar manualmente? Imsanity para o resgate!

Configurações feitas (Configurações > Imsanity):

Opções de imersão

Para obter a largura máxima do seu conteúdo: inspecione seu site (clique com o botão direito do mouse e, em seguida, “Inspecionar elemento” – estou usando o chrome), encontre o conteúdo do seu site e passe o mouse sobre ele. Você verá a largura.

inspecionar elemento

Em seguida, faça uma imagem de redimensionamento em massa nas configurações de imanidade:

73a56033-31d5-4a39-9397-8d11e9309aec

MEU ESTUDO DE CASO: Como mencionado anteriormente, eu usei esse plugin.

9. Use um plug-in de cache

O armazenamento em cache é um conceito complicado e bastante chato. Mas, em poucas palavras, acelera seu site, armazenando a última versão conhecida do site e, em seguida, entregando-a aos visitantes, em vez de forçar o WordPress a gerar uma nova em tempo real … mais ou menos.

Basicamente, a única coisa que qualquer um de nós precisa saber sobre o cache é que ele funciona e que é uma melhoria impressionante.

Por exemplo, em um estudo de caso no yuiblog.com, podemos ver que a introdução do cache no navegador pode reduzir o tempo de carregamento de 2,4 segundos para 0,9 segundos.

Deseja resultados assim? Um desses plugins (mas nunca mais de um ao mesmo tempo):

  • Cache Total W3
  • Super cache WP
  • WPRocket (recomendado)

O MEU CASO ESTUDE: Eu uso o plug-in de cache WPRocket, pois é o mais fácil de usar e, francamente, é o melhor do setor. Este plugin pode realmente acelerar o seu blog. Especialmente quando você está usando uma conta de hospedagem compartilhada. Se você usar uma das 2 primeiras opções, verifique os tutoriais manuais, porque é muito fácil estragar tudo.

10. Otimize seu banco de dados

Não tenha medo, isso não envolve trabalho de codificação. Otimizar o banco de dados é algo bastante simples e pode ter um grande impacto na velocidade do site.

Simplesmente, com o tempo, o banco de dados que o WordPress usa para executar seu site ficará lotado e confuso. Então, de vez em quando, você deve usar um plug-in como o WP-Optimize para limpá-lo automaticamente, mas o WPRocket também faz isso.

MEU ESTUDO DE CASO: Otimizei meu banco de dados, pois meu site está ficando muito grande com mais de 300 páginas de conteúdo.

11. Monitore a segurança do seu site

O Wordfence é um bom plug-in que ajuda você a colocar segurança básica e manter o site em geral. Ele realiza uma variedade de verificações e monitora o que está acontecendo no seu site, notificando você caso haja algo suspeito.

Às vezes, seu site fica mais lento por causa de malware ou outras coisas desagradáveis. O Wordfence salva você daqueles.

MEU ESTUDO DE CASO: Não estou usando o WordFence, mas só ouvi coisas boas sobre isso. Se você é um pouco paranóico, sinta-se à vontade para instalar esse plug-in.

12. imagens de carregamento lento

Ficar com o tópico de imagens por um minuto; Outra coisa que você pode fazer é “carregar preguiçosamente” eles. A idéia por trás disso é mostrar imagens apenas quando o visitante rolar a página para realmente vê-las. Com uma solução de carregamento lenta, as imagens não estão sendo carregadas até aquele momento.

O melhor plugin para fazer isso acontecer é novamente o WPRocket, mas outro chamado BJ Lazy Load. também pode fazer o trabalho.

MEU ESTUDO DE CASO: Eu o configurei no WPRocket e é um dos maiores transformadores de velocidade de site. A única desvantagem é que, quando o visitante estiver percorrendo o site e a imagem aparecer, ela será carregada à medida que eles chegarem (não antes). Acho que isso não é um problema, principalmente quando você leva em consideração que a velocidade de carregamento é muito importante para os visitantes de qualquer maneira.

13. Mova os scripts para o rodapé

JavaScript é essa tecnologia interessante que permite que você tenha funcionalidades interessantes em seu site, mas também tem seu preço. Principalmente, pode atrasar as coisas.

Portanto, uma solução fácil que você pode fazer é mover todos os arquivos JavaScript para o rodapé, em vez de colocá-los no cabeçalho (geralmente a configuração padrão). Faça isso com um plugin como Scripts To Footer ou WPRocket.

MEU ESTUDO DE CASO: Meu site não tem muito JavaScript, mas eu uso o WPRocket de qualquer maneira para comprimir cada centímetro de velocidade possível.

14. Regenerar miniaturas

Isso é algo que vale a pena fazer sempre que você altera seu tema para um novo. A maioria dos temas usa diferentes tamanhos de miniatura. Se suas miniaturas anteriores – para as imagens enviadas no passado – não forem otimizadas, elas ocuparão mais largura de banda.

Você pode corrigir isso com um plug-in chamado Regenerar miniaturas.

MEU ESTUDO DE CASO: Eu instalei e ativei o Regenerate Thumbnails. Você também pode remover as miniaturas que não está usando. Quando terminar, você pode simplesmente desativar.

15. Minimize os arquivos JavaScript e CSS

Seu site WordPress é uma criatura bastante complexa. Consiste em uma variedade de arquivos e linhas de dados. Uma maneira de fazê-lo funcionar mais rápido é minimizar o número desses arquivos, minimizando o número de solicitações que os navegadores dos seus visitantes precisam fazer para buscar o site.

O método é chamado de minificação. Você pode integrá-lo (uma) seguindo as diretrizes manualmente pelo Google (muito trabalho) ou por b) usando um plugin como Autoptimize ou WPRocket (fácil).

MEU ESTUDO DE CASO: Como não sou um guru do WordPress, pedia a um desenvolvedor web experiente que o fizesse primeiro, mas agora deixei o WPRocket cuidar dele.

Correções técnicas para acelerar sites

16. Use uma rede de entrega de conteúdo (CDN)

Uma CDN destina-se a pegar todos os arquivos de mídia estáticos que você possui em seu site (geralmente imagens e outros uploads) e distribuí-los por uma rede de servidores para uma entrega mais rápida ao seu público.

Conectar seu site a uma CDN pode resultar no carregamento do site muito, muito mais rápido e também resultar em menor consumo de largura de banda.

Use o Key CDN para obter o máximo de resultados (eles são uma ótima alternativa para o Max CDN ou o StackpathCDN) ou use um CDN gratuito de cloudflare com WPRocket

MEU ESTUDO DE CASO: Estou usando uma CDN Cloudflare gratuita através do WPRocket para acelerar meu site. Foi desativado quando executei o teste de velocidade. Para usuários comuns do WordPress, isso não é essencial. Mas se você estiver executando um site como o Mashable ou o HuffingtonPost, é provavelmente um DEVE TER.

17. Ativar compactação gzip

Outra coisa que você pode fazer para acelerar seu site é configurar o que é chamado de compressão gzip. É um processo bastante técnico, mas foi bem documentado em toda a Web, portanto você deve conseguir seguir isso seguindo as etapas.

Em resumo, a compactação gzip consiste em diminuir o tamanho dos arquivos que compõem seu site – para que possam ser entregues aos visitantes mais rapidamente.

O MEU CASO ESTUDE: Não o habilitei quando fiz o teste, mas o WPRocket também pode fazer isso.

18. Desativar hotlinking

Hotlinking é o que chamamos de situação quando outro webmaster tenta exibir uma imagem em seu site, vinculando-a diretamente a ele. Isso coloca carga adicional no seu servidor.

Você pode desativar totalmente a hotlinking seguindo este guia.

MEU ESTUDO DE CASO: Embora isso possa acelerar o seu site / blog WordPress, senti que a vantagem que posso obter com a ligação direta não supera a questão da velocidade.

19. Remova os controles deslizantes do seu design

Os controles deslizantes podem parecer legais, mas não são uma adição valiosa ao seu site em muitos níveis.

Antes de tudo, eles não funcionam como uma ferramenta de conversão / design / negócios.

Além disso, eles tendem a levar muito tempo para carregar.

A solução mais fácil é remover todos os controles deslizantes existentes no site e substituí-los por imagens estáticas ou algo totalmente diferente, como um formulário de inscrição.

MEU ESTUDO DE CASO: Eu absolutamente odeio controles deslizantes, portanto não precisei removê-los.

Correções opcionais para ajudar a acelerar o WordPress

20. Conecte-se ao CloudFlare

Como eu disse, você pode fazer isso com o WPRocket, o que facilita muito a instalação.

CloudFlare é mágico. Pelo menos para mim. Quero dizer, acho difícil entender como algo tão simples de configurar como o CloudFlare pode ter um impacto tão grande no desempenho do seu site.

As pessoas relatam resultados acima de -44% raspados nos tempos de carregamento da página.

Em uma frase, o CloudFlare é uma solução integrada de CDN, otimização, segurança e análise. Ele filtra o tráfego que seu site recebe e garante que os visitantes reais tenham uma experiência mais rápida, enquanto os invasores são mantidos afastados. A configuração é de aproximadamente cinco minutos e qualquer pessoa pode fazer isso (há um plano gratuito disponível).

MEU ESTUDO DE CASO: Isso é algo que eu tenho, pois acho que é um fator importante para acelerar seu site.

21. Alterne para um tema mais rápido

Isso nem sempre é possível, especialmente se você estiver usando um design personalizado, mas você ainda deve considerar pelo menos.

Alguns temas do WordPress são muito mais lentos que outros, devido a vários fatores. Geralmente, a superabundância de recursos é responsável (quanto mais recursos houver, mais lento o tema).

Portanto, o truque é usar um dos melhores temas do WordPress com todos os recursos de que você absolutamente precisa e nada que não precise. Você pode encontrar temas gratuitos de qualidade no diretório oficial, bem como em alguns diretórios alternativos.

MEU ESTUDO DE CASO: Eu tenho um tema WordPress personalizado desenvolvido com base no Genesis (que tem um código bastante limpo), então não mudei meu host. Mas acredite, existem ótimos temas como o Astra que são anormalmente rápidos.

22. Desative pingbacks e trackbacks

Pingbacks e trackbacks são um recurso bastante confuso no WordPress. Você pode ler sobre eles nas páginas oficiais, mas basicamente é a maneira de o WordPress se comunicar entre outros sites do WordPress. A desvantagem é que, atualmente, os pingbacks e trackbacks são usados ​​principalmente para spam.

Desativá-los todos juntos é uma solução rápida que pode acelerar o seu site, pois o software WordPress não precisa mais lidar com eles..

Faça isso acessando o wp-admin: Configurações / Discussão e desmarque a opção “Permitir notificações de link de outros blogs (pingbacks e trackbacks) em novos artigos”.

MEU ESTUDO DE CASO: Eu os desativei. Por quê? Não há muita vantagem que você possa obter deles, exceto spam.

23. Use sprites CSS

Normalmente, seu CSS é organizado de uma maneira que busca várias imagens individuais e as serve em várias partes do design do site.

Uma solução mais otimizada, no entanto, é ter uma imagem grande, na qual todas as imagens anteriores são organizadas uma ao lado da outra. Este é um sprite de CSS. Aqui estão mais algumas informações sobre esse método.

24. Desativar revisões posteriores

Revisões de postagem são uma ótima funcionalidade no WordPress … para algumas pessoas. Para outros, é uma coisa totalmente inútil.

Por si só, as revisões permitem retornar a qualquer versão anterior de uma determinada postagem. Isso lhe dá a possibilidade de restaurá-lo, caso você tenha apagado por engano algo que não pretendia apagar.

No entanto, se você sempre ficar com a versão mais recente do seu conteúdo e não voltar a nada, as revisões não serão muito úteis para você.

Se for esse o caso, considere desativá-los completamente. Isso pode ser feito editando o arquivo principal wp-config.php da sua instalação do WordPress. Adicione esta linha em algum lugar na parte inferior:

define (“WP_POST_REVISIONS”, falso);

MEU ESTUDO DE CASO: Algumas das minhas postagens tiveram mais de 200 revisões. Limitei-os a 5 revisões.

25. Remova as imagens do Gravatar

O Gravatar é a maneira padrão de lidar com avatares de comentários no WordPress. Um recurso muito interessante por si só, mas pode afetar a velocidade do seu site se suas postagens receberem muitos comentários.

Isso é simplesmente o resultado do site ter que exibir dezenas de imagens de avatar. Você pode reduzir essa carga desativando completamente essas imagens do Gravatar.

Lide com este é o seu wp-admin: Vá para Configurações / Discussão e desmarque a caixa “Mostrar Avatares”.

MEU ESTUDO DE CASO: Acho que as pessoas estão mais ansiosas para comentar quando seu rosto está sendo mostrado. Ainda estou testando isso, mas durante esse teste não removi as imagens do Gravatar.

26. Excluir comentários de spam

Sites que recebem muito tráfego tendem a receber muitos comentários de spam. Todos os comentários sobre spam estão ocupando espaço irrelevante. Estou tentando bloqueá-los com o plug-in chamado CleanTalk, mas alguns dos comentários de spam passam rapidamente.

MEU ESTUDO DE CASO: Eu tinha 4.500 comentários de spam esperando para serem removidos – joguei-os no vaso sanitário.

27. ?

Esqueci alguma otimização de velocidade importante? Sinta-se livre para compartilhar e compartilhar seu comentário abaixo. Caramba, eu posso até testá-lo e dar crédito a você pela dica incrível ��

Como acelerar sites WordPress: Minha conclusão

Pessoalmente, acho que os plug-ins acima são ótimos para acelerar seu site, mas um dos fatores é não instalar muitos plug-ins. Os benefícios da instalação de alguns plug-ins, nesse caso, são substituídos pelos benefícios, mas eu prefiro usar o WPRocket, pois também marca essa caixa executando o trabalho de muitos plug-ins..

Se você não deseja pagar o pequeno preço pelo WPRocket, seguir o guia acima ajudará definitivamente. Mas se você quiser facilitar a vida e levar a velocidade do seu site a níveis insanos, eu definitivamente daria uma olhada no WPRocket.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map