Bem-vindo ao único guia que você precisa para acelerar o WordPress. Criamos este guia passo a passo para descrever as melhores ferramentas e práticas para você adotar para acelerar o WordPress em seu site.
Um guia para este guia
Dividimos este guia em algumas seções para que seja mais fácil para você acompanhar ou acompanhar, se estiver lendo no meio do caminho.
- Em primeiro lugar, falaremos sobre por que ser um site rápido é importante . Temos certeza de que você já leu sobre isso muitas vezes, mas, no entanto, pode haver alguém que não tenha – e isso é exatamente para esse alguém!
- Também abordaremos a tecnologia subjacente. Nós da WPExplorer acreditamos que entender a razão por trás de um problema é a melhor maneira de resolvê-lo. É por isso que, no passado, escrevemos guias como o Beginners’ Guide to WordPress’ Internal Functioning , que tenta fornecer uma compreensão básica de como alguns milhares de linhas de código podem alimentar quase 46% dos sites na Internet. Esta seção trata dos principais fatores que afetam sua velocidade e desempenho geral. Leia este trecho com atenção, pois com cada fator, discutiremos as melhores práticas.
- Em seguida, falaremos sobre correções de desempenho e otimização que se aplicam a temas e plugins do WordPress.
- Para o restante do guia, agrupamos as correções por categoria, como otimização de imagem, otimização de banco de dados e correções de segurança. Acreditamos que essa categorização ajudaria você a entender e entender a essência das correções mais rapidamente – para que você possa começar a trabalhar rapidamente.
Ok, vamos respirar! Terminamos o prólogo. Agora vamos começar com o guia real para acelerar o WordPress.
Índice:
Aqui está um índice rápido para as dicas reais sobre como acelerar o seu site. Dessa forma, você pode pular toda a seção sobre a importância da velocidade da página, rolar rapidamente para qualquer seção deste guia ou até marcar uma seção específica se quiser voltar mais tarde:
- Por que a velocidade da página é importante
- Tecnologia Sublinhada
- Dicas fáceis para acelerar o WordPress
- O dispositivo cliente
- Extensões do WordPress: Temas e plugins para acelerar o WordPress
- Otimização de imagem
- Otimização de banco de dados
- Correções de segurança
- Conclusão
Ok, vamos respirar! Terminamos o prólogo. Agora vamos começar com o guia real para acelerar o WordPress.
Por que a velocidade da página é importante
Vou tentar manter isso curto. Todos nós sabemos que todo mundo gosta de um site rápido. Você também provavelmente já ouviu falar que o Google hoje em dia prefere um site rápido em vez de um lento – o que significa que um site mais rápido gera melhores pontuações de SEO. Embora não haja uma explicação definitiva sobre isso, a maioria dos vídeos e entrevistas tendem a apontar para essa explicação plausível.
As pessoas procuram coisas para as quais precisam de respostas imediatas. Portanto, um top hit deve carregar rapidamente. O Google simplesmente não pode colocar um site lento antecipadamente, pois isso tornaria uma experiência de pesquisa ruim.
Imagine a primeira página em uma SERP do Google levando mais de 10 segundos para carregar – é provável que você saia do site antes de 5 segundos de espera.
Estudos mostraram que para cada segundo extra adicionado ao tempo de carregamento do seu site, você perde 7% de conversões, 11% de visualizações de página e uma redução geral de 16% na satisfação do cliente. Junte tudo isso em uma frase e você obtém isso –
Diminuir o tempo de carregamento do seu site em 1 segundo pode gerar um aumento fácil de 7% nos lucros.
Espero que tenhamos conseguido convencê-lo, porque é isso que vamos conseguir. Vamos começar com o guia real para acelerar o WordPress.
Tecnologia subjacente
O que torna um site lento? E por que você precisa acelerar o WordPress? A resposta a essa pergunta está em uma infinidade de fatores – o mais significativo dos quais discutiremos a seguir.
Sites estáticos x dinâmicos
Esta comparação é melhor explicada com uma analogia entre pintor/fotógrafo. Para apoiar nosso exemplo, vamos supor que ambos sejam solicitados a mostrar uma foto de um gato. O pintor deve sempre desenhar a imagem, enquanto o fotógrafo pode simplesmente mostrar a fotografia de um gato que ele clicou.
Quem você acha que vai ganhar em um concurso “mostre-me a foto de um gato o mais rápido possível”?
É o mesmo com sites estáticos e dinâmicos. Em sites estáticos, o recurso – ou a foto do gato do fotógrafo – está sempre presente. Basta abri-lo para visualizá-lo.
No entanto, no caso de um site dinâmico, o site precisa ser gerado toda vez que alguém quiser visualizá-lo – assim como o pintor, que precisa pintar a foto de um gato toda vez! Isso informa que sites estáticos são inerentemente mais rápidos que sites dinâmicos.
Sites estáticos são inerentemente mais rápidos do que sites dinâmicos.
Um sistema de gerenciamento de conteúdo – como o WordPress – se enquadra na categoria de geradores de sites dinâmicos. É um software projetado para criar e manter um site com um painel de administração para gerenciamento de atividades. Atividades como adicionar uma nova postagem, página etc.
A maioria das pessoas escolhe o WordPress em vez de sites estáticos. É uma boa troca.
Todos os dados são salvos em um servidor de banco de dados (um exemplo é o popular servidor MySQL) e os arquivos de mídia (como imagens e documentos) são salvos no próprio servidor web.
Por outro lado, sites dinâmicos são uma bênção para a humanidade. Imagine ter que gerenciar milhares de posts, páginas, tags, categorias e arquivos de mídia. Gerenciá-los individualmente deixaria uma pessoa louca.
É por isso que a maioria das pessoas escolhe o WordPress em vez de sites estáticos. É uma boa troca.
Dicas fáceis para acelerar o WordPress
Agora para as correções. Você pode usar essas dicas fáceis para acelerar o WordPress em uma variedade de hosts sem problemas.
1. Ative o cache do WordPress
O cache do WordPress é simplesmente “salvar um resultado para uso futuro”. O WordPress gera uma página da Web dinamicamente, cada vez que um visitante solicita uma página. E se fosse para salvar uma página gerada dinamicamente e servi-la para o próximo visitante sem ter que gerá-la novamente? Isso resultaria em um tempo de carregamento da página muito mais rápido.
Esse processo é chamado de cache e o WordPress usa essa técnica em vários locais de seu funcionamento interno. Você também pode melhorar o nível/quantidade de cache de outros processos do WordPress, usando um plugin de cache como W3 Total Cache , WP Super Cache ou WP Rocket .
2. Ative a compactação Gzip
Esta é uma técnica de compressão simples que reduz o tamanho dos dados a serem transferidos – aumentando assim a velocidade. Os plugins de cache mencionados anteriormente permitirão que você ative a compactação Gzip. Por exemplo, você pode habilitar a compactação Gzip no W3 Total Cache na opção Performance > Browse Cache .
3. Atualize seu mecanismo PHP
O WordPress é executado em PHP, o que significa que depende do PHP para executar seu código para gerar páginas da web. PHP é um software de código aberto que é instalado junto com servidores web. A versão do mecanismo PHP desempenha um papel tremendo na determinação do desempenho do seu site WordPress.
O pessoal da Kinsta Managed Hosting realizou um benchmark dos mecanismos PHP no WordPress 4.3.1 e foi isso que eles encontraram:
Benchmarks PHP no WordPress 4.3.1. Fonte: Kinsta.com
| # | Mecanismo PHP | Transações/segundo |
| 1 | Autoridade de Repositório HHVM | 375,48 |
| 2 | HHVM | 357,69 |
| 3 | PHP7 | 306,24 |
| 4 | PHP 5.6.16 | 106,45 |
Os resultados são impressionantes. Se você comparar o PHP 7 e 5, verá uma enorme diferença – PHP 7 é 187% – quase 2x – mais rápido que PHP 5.
PHP 7 é 187% mais rápido que PHP 5
HHVM é um mecanismo PHP desenvolvido pelo Facebook. Apenas um punhado de webhosts oferece esse mecanismo e geralmente vem com um preço alto. No entanto, o PHP 7 é relativamente simples de implementar. A maioria dos hosts compartilhados não passa pelo problema de atualizar para o PHP 7.
A atualização também tem uma pequena desvantagem – algumas funções antigas e altamente ineficientes estão obsoletas – o que significa que elas não são mais suportadas. Se o seu tema WordPress usasse essas funções, o mecanismo PHP encontraria erros aleatórios.
Dito isto, a maioria dos melhores temas do WordPress não tem esse problema. Se você deseja atualizar sua versão do PHP para acelerar o WordPress, provavelmente precisará fazer uma solicitação manualmente. Os melhores hosts do WordPress fazem isso proativamente para você. O que nos leva ao nosso próximo tópico.
4. Escolha sua hospedagem com sabedoria
Quase todos que estão lendo este artigo provavelmente sabem a diferença entre um host compartilhado, um VPS e um host dedicado. Vamos dar uma olhada nos novos tipos de hospedagem.
Hospedagem otimizada para WordPress – são como planos de hospedagem compartilhados renovados e ajustados para o WordPress. Isso significa que o ambiente do servidor é otimizado e ideal para hospedar o WordPress. Mas os recursos ainda são compartilhados, o que significa que, sob tráfego intenso, o site pode falhar. Esta é uma ótima opção de hospedagem para novos blogs/sites WordPress.
Hospedagem gerenciada do WordPress – Este é o melhor absoluto da hospedagem do WordPress. Hosts como WP Engine e Flywheel cuidam de todos os aspectos da sua hospedagem – desde a otimização do servidor até a criação de uma lista de plugins não permitidos e é por isso que achamos que eles são a melhor opção de hospedagem WordPress . Use a combinação mais avançada de tecnologias de cache, mecanismo PHP, servidores web, CDNs, software de backup e muitas outras coisas incríveis para oferecer a melhor experiência de hospedagem absoluta – que permanece estável mesmo durante picos de tráfego. Isso é ótimo para sites de tráfego médio/alto.
WordPress Cloud Hosting – existe outro gênero de hospedagem que aproveita a infraestrutura de provedores de nuvem como Amazon AWS, Google Cloud e Microsoft Azure para hospedar sites WordPress. O que isso significa é que seu site WordPress será hospedado na nuvem e a parte de instalação/configuração será feita pela empresa. Esta é uma excelente opção para pessoas com experiência em hospedagem na nuvem ou que desejam adotar. A CloudWays é uma dessas empresas que hospeda o WordPress na AWS e no Google Cloud. Confira nossa análise do CloudWays para obter mais informações.
É claro que o custo desses planos de hospedagem é de 20 a 70% maior do que seus equivalentes tradicionais, mas os retornos são igualmente frutíferos, já que os recursos e recursos extras percorrem um longo caminho em direção ao seu objetivo de acelerar o WordPress.
5. Escolha um local de servidor ideal
A localização física de um servidor desempenha um papel importante no tempo de carregamento de um site. Se a maioria de seus visitantes é de Nova Jersey, não faria sentido escolher seu servidor em um datacenter em Cingapura, a 9.500 milhas de distância. Embora isso não faça muita diferença para um único arquivo de 1 GB; isso causaria um tremendo impacto em 100 arquivos de 10 MB cada. Portanto, escolha um local de servidor mais próximo do seu público-alvo.
6. Use uma rede de entrega de conteúdo
Um CDN é uma extensão direta do conceito de localização do servidor. Seu objetivo é replicar os dados do seu site WordPress (arquivos de mídia, arquivos CSS e JS) em vários servidores em todo o mundo. Esses locais de replicação são chamados de Pontos de Presença de POP. Quanto maior o número de POPs, melhor a rede CDN. Recomendamos começar com uma CDN gratuita e econômica primeiro e, em seguida, atualizar seu plano se ou quando precisar de mais recursos.
O dispositivo cliente
Em um mundo onde há mais pesquisas do Google em dispositivos móveis do que em computadores, é justo supor que boa parte de seus usuários vem de dispositivos móveis. A crescente importância dos dispositivos clientes se deve ao fato de que os desenvolvedores da Web estão adiando parte da carga de processamento no navegador do cliente.
Isso significa que, ao trabalhar para acelerar o WordPress, sua experiência de usuário móvel deve ser tão importante quanto a área de trabalho. Seu tema pode ser responsivo – mas funciona sem problemas na visualização móvel?
7. Otimize sua Visualização Móvel
Como funciona em um dispositivo mais antigo? Embora a Apple possa lançar um novo iPhone todo mês de setembro, muitas pessoas ainda usam um iPad de 4 anos – seu site funciona bem lá?
Detalhamento de uso do iPad. Fonte: david-smith.org
Você já deve ter ouvido falar do termo “ degradação graciosa ”. Embora possa não se aplicar ao WordPress, é bom ter uma ideia. Basicamente, significa servir uma versão simplificada do seu site para dispositivos que não podem lidar com a versão pesada e rica em recursos. Ele permite que usuários com dispositivos antigos/legados visualizem o conteúdo mais importante sem as “coberturas”.
Um exemplo clássico é o plug-in BJ Lazy Load , que usa bibliotecas JavaScript para mostrar imagens apenas quando visíveis na janela de visualização. Se um navegador não suporta JS ou está desabilitado, o plugin se degrada graciosamente – ou seja, ele interrompe sua função principal e carrega as imagens normalmente.
Confira esses plug- ins de otimização para dispositivos móveis para obter um site móvel fluido.
Extensões do WordPress: Temas e plugins para acelerar o WordPress
O conceito de temas e plugins contribuiu significativamente para a popularidade do WordPress como CMS. Embora a maioria dos plugins e temas populares sigam as melhores práticas de desenvolvimento, há alguns que não. Vamos discutir alguns exemplos em que as práticas de desenvolvimento afetam o desempenho do site WordPress.
8. Escolha seu tema com cuidado
O tema WordPress total mais vendido
Quando se trata de temas premium do WordPress, você precisa seguir com cuidado.
Temas piratas? Absolutamente não. Não é nenhum segredo que você pode obter uma cópia pirata da versão mais recente de um tema Themeforest best-seller – com bastante facilidade, devo acrescentar. Mas aqui está o problema – há grandes chances de que o tema pirata tenha scripts maliciosos embutidos neles, o que é invisível até mesmo para um usuário avançado. Somente desenvolvedores treinados com anos de experiência podem detectar esses scripts. Scripts maliciosos são projetados para roubar os dados de seus clientes (cartões de crédito, emails, endereços, etc.), injetar arquivos maliciosos em seus visitantes e usar seu servidor para enviar emails de spam, entre outras atividades. Antes que você perceba, você é banido do Google e sua reputação e credibilidade despencaram.
Temas bem desenhados? sim. Como definir um bom tema? É o desenho? A tipografia? Ou é a capacidade de resposta? A lista continua. O fato é que o design é uma questão altamente subjetiva. Ele comunica a imagem da sua marca para o público. Deixamos isso a seu critério.
Queremos abordar o aspecto técnico de um tema bem elaborado. Deveria:
- Seja leve – quanto menor o tema, mais rápido ele carrega.
- Tenha menos solicitações – quanto menor o número de solicitantes, mais rápido o site carrega. Também reduz o efeito da distância entre o servidor e o visitante.
Comparamos o tema Parallax Pro do StudioPress e nosso próprio tema Total . Aqui estão o número de solicitações em cada um.
| Tema | Nº de solicitações | Tempo de carregamento | Perf. Grau | Resultado do Pingdom |
| Parallax Pro | 19 | 1009 ms | 75 | Link |
| Total | 21 | 506 ms | 87 | Link |
Resultado de benchmark para o tema Parallax Pro do StudioPress
Resultado de benchmark para o tema total do WPExplorer
O tema Total foi hospedado no ambiente de hospedagem WordPress gerenciado super-rápido do WPEngine, que deu a ele um tempo de carregamento 50% menor e uma classificação de desempenho 12 pontos mais alta.
Ferramentas do comércio
- Você pode usar o Pingdom para medir o número de solicitações que seu tema WordPress usa.
- O plugin Theme Check pode verificar se o tema ativo está aderindo às melhores práticas.
9. Use o número certo de plugins
O plugin certo pode estender o conjunto de recursos do WordPress a alturas incríveis. Por outro lado, muitos plugins podem afetar o desempenho. Pense nisso como instalar muitos aplicativos no seu telefone. Ele drena a bateria mais rapidamente e diminui a velocidade do seu telefone ao longo do tempo.
- Plugins como Theme Check ou um plugin para redefinir o WordPress são usados
de vez em quando – então por que mantê-los ativados para sempre? Ativar – usar – desativar. Essa é a filosofia do plugin que os entusiastas do desempenho devem seguir. - O plug-in P3 Performance Profiler, que chegou à nossa lista de plug- ins essenciais do WordPress , mede o impacto no desempenho dos plug-ins ativos em seu site WordPress. Continue desativando seus plug-ins até chegar a um estágio em que a desativação de um único plug-in quebrará um componente do seu site.
10. Livre-se do Fluff
Isso pode significar uma série de coisas diferentes para pessoas diferentes. Vimos que muitos desses sites parecem muito confusos com lindos elementos de design. Mas as pessoas que são visitantes regulares geralmente não se importam com essas coisas – e às vezes pode ser desagradável ver os mesmos efeitos de design demorados ocorrerem repetidamente.
Do ponto de vista do desempenho, esses efeitos de design aumentam o número de scripts a serem carregados junto com o tema – o que, por sua vez, aumenta o tempo de carregamento.
Otimização de imagem
Você pode ter lido sobre como otimizar imagens para a web – como compactá-las ou salvá-las como JPGs progressivos. Kraken.io e TinyPNG são excelentes ferramentas para esse fim. Mas você pode fazer mais.
11. Reduza todas as imagens
Mas e as toneladas de imagens que já foram enviadas? É aí que os plugins de otimização de imagem são úteis. Eles verificam e otimizam sua biblioteca de imagens e cuidam de todos os uploads de imagens futuros – para que você não precise fazê-los manualmente. Os exemplos incluem Smush Image Compression ou o EWWW Image Optimizer .
12. Adiar o carregamento da imagem
Mencionamos o plug-in BJ Lazy Load anteriormente neste guia. Você pode adiar o carregamento de imagens somente quando elas estiverem visíveis na janela de visualização do visualizador. Em outras palavras, a imagem começará a carregar apenas quando o visitante rolar para baixo para visualizá-la. Isso tem vários benefícios:
- Primeiro, reduz o número de solicitações iniciais – adiando as solicitações de imagem quando necessário
- O tamanho da página diminui, o que resulta em um tempo de carregamento mais rápido
- Adiar as imagens economiza largura de banda para o visitante e o servidor.
13. Desative o Hotlinking de Imagem
Lembre-se dos aproveitadores? Bem hotlinking é como freeloading. As pessoas que fazem hotlinks para seu site simplesmente colam os URLs em seus sites. A imagem é exibida em sua extremidade, mas o custo da largura de banda é suportado por você.
Isso é uma perda dupla – você paga pela largura de banda e não recebe nenhum visitante em troca. Veja como você pode impedir o hotlinking de imagens para ajudar a bloquear terceiros e, por sua vez, acelerar o WordPress.
14. Defina os tamanhos de imagem
Seu tema tem uma largura de imagem máxima predefinida para cada tamanho de tela. É bastante ineficiente servir imagens maiores que a resolução máxima. Você pode definir manualmente vários tamanhos de suas imagens com a função add_image_size() . Quando uma imagem é carregada, o WordPress fará várias cópias dela em tamanhos diferentes – uma para miniatura, ícones de postagem, etc.
Otimização de banco de dados
Assim como suas imagens, é importante otimizar o banco de dados do seu site se você quiser acelerar o WordPress.
15. Otimize seu banco de dados WordPress
Com o tempo, seu site fica lotado de coisas não essenciais. Como dados de metadados de plug-ins excluídos, alterações de temas anteriores e revisões de postagens. Isso pode deixar centenas de linhas no banco de dados desanexadas a qualquer elemento. O plugin WP-Optimize faz um bom trabalho ao limpar o banco de dados do WordPress de tais elementos desnecessários (o que, por sua vez, acelerará o WordPress em seu site).
16. Limite de revisões de postagem
Embora eu prefira usar o Microsoft Word ou o Google Docs para escrever artigos, muitos de nós preferem o bom e velho Editor Visual WordPress. O WordPress salva automaticamente várias revisões de cada postagem para que você não perca seu trabalho quando a Internet quebrar. No entanto, isso tem uma pequena desvantagem.
Cada post longo é obrigado a ter várias revisões. Eles continuam acumulando e, por fim, aumentam o tamanho do banco de dados. Ironicamente, você não precisará dessas revisões de postagem no futuro. Portanto, você pode limitar as revisões do post para – digamos 3 – e economizar espaço no banco de dados.
Para limitar as revisões de posts, simplesmente cole o seguinte código em seu arquivo wp-config.php .
define( ‘WP_POST_REVISIONS’, 3 );
17. Esvazie o lixo com mais frequência
Enquanto o WordPress esvazia a lixeira a cada 30 dias, você pode definir o limite de eliminação para 7 dias e manter seu banco de dados agradável e estridente. Novamente, cole o seguinte código em seu arquivo wp-config.php :
define(‘EMPTY_TRASH_DAYS’, 7);
18. Garantir Chamadas de Banco de Dados Eficientes
Em primeiro lugar, os desenvolvedores devem evitar consultas de banco de dados brutos no WordPress. Existem legiões de funções à sua disposição para obter tudo, desde postagens a comentários, taxonomias personalizadas e metadados.
No entanto, se um desenvolvedor precisar consultar o banco de dados, ele deve fazê-lo usando a classe WPDB, para máxima eficiência. Funções complexas e intensivas em recursos, como junções de tabelas, não devem ser feitas no banco de dados, pois isso afetaria negativamente o desempenho. Em muitos casos, é melhor usar duas consultas separadas, mas muito mais rápidas.
Existem várias ferramentas, como o Query Monitor , para descobrir se suas consultas estão bem escritas e para ver todas as consultas executadas durante uma solicitação. IMPORTANTE : Este plugin é muito intensivo em recursos e por si só pode e provavelmente irá tornar seu site mais lento, então certifique-se de ativar o plugin SOMENTE durante o teste e desativá-lo quando você não estiver fazendo testes especificamente. Você também deve observar os resultados do plug-in ao fazer suas verificações, em vez de testar os tempos de carregamento ao vivo, pois o plug-in diminuirá a velocidade geral do site.
Correções de segurança
As três correções descritas nesta seção têm um impacto na segurança e no desempenho do seu site ao tentar acelerar o WordPress.
19. Prevenir ataques de força bruta
Os ataques podem vir de qualquer lugar a qualquer momento. É seu dever manter uma proteção contra eles.
- Boas empresas de hospedagem já limitam o número de tentativas de login com falha de um usuário. Por exemplo , o WP Engine pode identificar quando um bot está tentando fazer login e retornará automaticamente uma resposta vazia para evitar ataques futuros.
- O plugin All-In-One WordPress Security and Firewall é um pacote de segurança abrangente para WordPress com vários recursos de segurança para usuários novos e existentes. O plug-in lida com vários aspectos vulneráveis
do seu site e garante que a segurança estrita seja aplicada entre eles.
20. Elimine o Spam
Spam é uma grande preocupação para sites. O spam sobrecarrega seu banco de dados WordPress e diminui sua credibilidade como webmaster. Ele precisa ser eliminado para sempre. Embora existam muitos plugins excelentes, os que se destacam são o Akismet e o Anti-Spam Bee , entre outros.
Conclusão
Embora seja importante otimizar seu site para obter o máximo desempenho, é importante lembrar que velocidade não é tudo. Embora certamente vale a pena gastar dinheiro e diminuir o tempo de carregamento de 5 segundos para 2 segundos – não seria ideal gastar o dobro dessa quantia para diminuir ainda mais o tempo para 1,8 segundos.
A velocidade é importante… mas não é tudo!
Em vez disso, esse dinheiro poderia ser melhor utilizado em uma campanha promocional. Não vamos esquecer – o objetivo final da melhoria de desempenho é obter mais conversões.
Isso conclui nosso guia para acelerar o WordPress – obrigado pela leitura e parabéns por chegar até o final! Como sempre, se você achar que uma correção pertence a esta lista – por favor, avise-nos e nós a colocaremos lá em pouco tempo. Mas, por enquanto, esperamos que você possa usar as dicas que listamos para acelerar o WordPress em seus sites!
