Como otimizei meu site lento do WordPress para carregar <1s com 100% de pontuação do GTmetrix: mais de 36 dicas de otimização de velocidade do WordPress para 2020

Site lento do WordPress?


Vou mostrar como pegar seu relatório GTmetrix, Pingdom e PageSpeed ​​Insights e usá-los para fazer otimizações específicas do WordPress que melhoram as notas / os tempos de carregamento. Já escrevi tutoriais populares para WP Rocket, plugins de alta CPU a serem evitados e otimização de imagem. Este guia combina tudo o que fiz para obter pontuações de 100% na minha página inicial e em outras páginas e postagens. Até esta postagem pode carregar <2s e possui 172 solicitações, tamanho de 5,78 MB e 400 comentários.

Contents

Índice

1 1. GTmetrix vs. Pingdom vs. PageSpeed
2. Evite a hospedagem EIG
3. Hospedagem SiteGround*
4. Atualize para o PHP 7.3
5. Cache Plugin
6. Limpar banco de dados
7. Controle de batimentos cardíacos
8. Lazy Load Videos
9. Fontes do Google
10. Google Analytics
11. Configuração do Cloudflare
12. Configurações do Cloudflare
13. CDN*
14. Servir imagens em escala
15. Especificar dimensões da imagem
16. Comprimir sem perdas imagens
17. Fontes externas
18. Como remover Bloat
19. Minimizar plugins
20. Plugins de alta CPU21. Plugins leves
22. Desativar seletivamente plugins
23. Block Bad Bots
24. Evite AMP
25. Gravatars
26. WooCommerce
27. Adicionar SSL
28.. Revisões pós-limite
29. Desativar Pingbacks + Trackbacks
30. Verifique se o AWStats possui alta CPU
31. Adiar a análise de Javascript
32.. Adicionar expira cabeçalhos
33. Remover cadeias de consulta
34. Minimizar redirecionamentos
35. Tema leve*
36.. Monitorar recursos do servidor
37.. Atualizar WordPress
38.. Encontre as páginas mais lentas
39. Hospedagem Cloudways*
40.. Contrate meu WordPress Speed ​​Optimizer*

Plugin de hospedagem e cache – estes são os 2 maiores fatores no Guia de otimização do WordPress. eu uso SiteGround quem também é usado por Yoast e classificado como o número 1 em vários Pesquisas no Facebook. Para o cache, eu uso o WP Rocket, que também foi o número 1 nas pesquisas do Facebook e vem com mais recursos do que outros plugins de cache (reduzindo o número de plugins no seu site). O SiteGround custa US $ 3,95 a US $ 11,95 / mês e o WP Rocket custa US $ 49 / ano, mas é principalmente com isso que eu contribuo com meus tempos de carregamento..

Assista ao meu vídeo – é um vídeo de 42 minutos, mas eu cubro praticamente tudo (registros de data e hora na descrição do vídeo) e você aprenderá várias informações úteis sobre como corrigir seu site lento do WordPress:

1. GTmetrix vs. Pingdom vs. Google PageSpeed ​​Insights

GTmetrix possui as recomendações mais robustas, como quais imagens precisam ser otimizadas na guia Velocidade da página (etapas 14 a 16) e usando um CDN na guia YSlow (etapa 11). Também é bom encontrar plug-ins de carregamento lento, caso demorem muito tempo a carregar na guia Waterfall ou apareçam várias vezes no seu relatório principal. Você também pode ver seu tempo até o primeiro byte na guia Tempos.

Meu relatório GTmetrix:

2019-GTmetrix-Report

Pingdom é o ferramenta mais precisa para medir os tempos de carga de acordo com o WP Rocket, e os tempos de carga são a principal métrica que você deve medir (não as notas), mas existe uma correlação.

Minhas Relatório Pingdom:

2019-Pingdom-Report

Google PageSpeed ​​Insights só é bom para uma coisa – checando tempos de resposta do servidor que o Google recomenda deve ser <200ms. Caso contrário, é muito inútil e existem muitos artigos isso explica o porquê. Você pode melhorar os tempos de resposta do servidor, atualizando os planos com seu host atual para incluir mais recursos do servidor ou mude para uma hospedagem mais rápida a partir de SiteGround, DigitalOcean em Cloudways, ou Kinsta que geralmente são os 3 melhores anfitriões de sua classe (participe do WordPress Grupo de Hospedagem no Facebook para obter opiniões imparciais ou olhar para as pesquisas do Facebook).

Reduzir o tempo de resposta do servidor

2. Evite a hospedagem EIG

A mesma empresa (EIG) possui Bluehost, HostGator, iPage, Site5, Camada Unificada e mais de 60 empresas de hospedagem diferentes. Eles são conhecidos por cortar custos, embalando muitas pessoas no mesmo servidor (estressar) e ter comentários horríveis por causa disso. Muitos sites hospedados pela EIG têm altos tempos de resposta e eu evitaria usar essas empresas a todo custo.

Lista-de-marcas-EIG

Isso é bem conhecido nos Grupos do Facebook.

EIG-Facebook-Post

3. SiteGround (host nº 1 nas pesquisas do Facebook)

SiteGround é usado por Yoast, eu e recomendado por WordPress. Eles são o número 1 em quase todas as pesquisas do Facebook e dão à maioria das pessoas significantes melhorias no tempo de carregamento especialmente se eles usassem hosts medíocres: GoDaddy, Bluehost, HostGator, InMotion, Dreamhost, EIG.

Yoast-no-Twitter-acabamos de mudar para o Siteground

Eu uso a plano GoGeek semi-dedicado que vem com 4x mais recursos de servidor do que hospedagem compartilhada. Clique nas minhas páginas para ver a rapidez com que elas são carregadas, confira meu relatório do GTmetrix ou veja pessoas que migrou e publicado novos tempos de carregamento. Eles também fazem migrações gratuitas.

DigitalOcean em Cloudways e Kinsta também são bons e começam em US $ 10 / mês e US $ 30 / mês. O Cloudways é mais para desenvolvedores que não precisam de cPanel, hospedagem de email ou o suporte que você recebe com o SiteGround. Kinsta é basicamente o que o WP Engine costumava ser (caro, mas incrível). Todo o meu blog é basicamente dedicado a ajudar as pessoas a fazer o site carregar mais rápido. Recuso-me a recomendar hospedagem de US $ 2 / mês, já que é a maioria das pessoas Maior arrependimento ao executar um site.

Pesquisa de Hospedagem 2019

2017-WordPress-Hosting-FB-Enquete

Recomendações de hospedagem da Elementor

Recomendação de hospedagem para julho de 2019

Pesquisa-Hospedagem-WordPress-Ago-2018

Pesquisa-Hospedagem Compartilhada-2017

Pesquisa-2019-Hosting

Empresa Go-To-Hosting

Pesquisa-WordPress-Hospedagem-2017

Pesquisa de hospedagem gerenciada

WooCommerce-Hosting-FB-Enquete

Pesquisa de hospedagem na web 2016

Best-WordPress-Hosting-Provider-Poll

Best-Web-Hosting-2019-Pesquisa

Enquete WP Friendly Hosting

2016-WordPress-Hosting-FB-Enquete

Hospedagem Favorita Para Elementor

Recomendações de hospedagem para 2018

Pesquisa de Hospedagem WordPress Setembro de 2018.png

Managed-WordPress-Hosting-Poll-2017

2019-Hosts-Enquete-1

Pesquisa de hospedagem para velocidade

WordPress-Hospedagem-Enquete-Junho-1

Recomendação do SiteGround

2014-Managed-WordPress-Hosting-FB-Enquete

Melhor Provedor de Hospedagem na Web

Hospedagem-Enquete-Fev-2019

Hospedagem-Recomendações-Enquete

Bluehost vs SiteGround

Pesquisa de host da WordPress

Eles são recomendados por WordPress:

SiteGround-Recomendado-WordPress-Host

O que as outras pessoas estão dizendo:

Godaddy To SiteGround Migração

EIG-para-siteGround

Migração de SiteGround

SiteGround tem 3 planos:

Hospedagem WordPress SiteGround

Os planos mais altos incluem mais recursos do servidor (fator # 1 no guia de otimização do WordPress). Aqui está o gráfico de comparação completo, mas o GrowBig oferece cerca de duas vezes mais recursos de servidor que o StartUp, e o GoGeek é alojamento semi-dedicado o que lhe dá ainda mais. O GrowBig and up vem com migração gratuita, preparo, armazenamento em cache avançado e capacidade de hospedar vários sites. O GoGeek vem com suporte prioritário. Sua hospedagem na nuvem é bastante alta em US $ 80 / mês.

Você pode ver isso em seus página de recursos:

SiteGround-Server-Resources-Comparation

As pessoas geralmente migram porque seus tecnologia de velocidade pode reduzir o tempo de carregamento pela metade:

Mudando para SiteGround

Migração do SiteGround Load Time

Bluehost para SiteGround GTmetrix

HostGator para SiteGround

SiteGround GTmetrix

SiteGround Google PageSpeed ​​Insights

100 Pontuação Perfeita No SiteGround

SiteGround Genesis

Velocidade entregue pelo SiteGround

Relatório SiteGround GTmetrix

Tempos de carregamento reduzidos com SiteGround

Novos tempos de resposta do SiteGround

Migração de HostGator para SiteGround

Tempos de resposta do SiteGround no Joomla

Comutado para Hospedagem SiteGround

Combo SiteGround Rocket Imagify

Joomla GTmetrix no siteGround

SiteGround PageSpeed ​​Insights

SiteGround On Joomla

Tempos de carregamento reduzidos SiteGround

Hospedagem Rápida SiteGround

Novos resultados do Pingdom no SiteGround

Novo Tempo de Resposta SiteGround

Melhoria no tempo de resposta do SiteGround

Obtenha hospedagem no SiteGround

4. Atualize para o PHP 7+

Atualizando Versões do PHP é tão fácil e pode tornar seu site 2-3 vezes mais rápido.

Benchmarks PHP do WordPress

Então, por que maioria dos usuários do WordPress executar versões desatualizadas do PHP?

Estatísticas do WordPress-PHP-Versão

Porque mesmo que a maioria dos hosts o suporte:

Versões suportadas do PHP

Sua empresa de hospedagem irá não atualiza automaticamente você para a versão mais recente do PHP, pois seu tema / plug-in pode não ser compatível (e eles não desejam interromper o site). Isso significa que você precisa fazer isso sozinho ou solicitar ajuda do seu host. Também significa que, se você está no mesmo host há muitos anos e nunca o fez, provavelmente ainda está executando o PHP 5.

Passo 1: Instale o Exibir versão PHP plugin para verificar sua versão atual.

Display-PHP

Passo 2: Execute o Verificador de compatibilidade com PHP para garantir que seu tema / plugins sejam compatíveis.

Verificador de compatibilidade com PHP

etapa 3: Atualize para o PHP 7+ procurando um “PHP Version Manager” na sua conta de hospedagem:

PHP-Version-Manager

Alguns hosts lançam rapidamente novas versões (SiteGround, Cloudways, Kinsta), enquanto outros não se esforçam para permanecer atualizados em tecnologia. Outro motivo para evitar EIG e GoDaddy.

Atualização do PHP

* Verifique se há erros visíveis no seu site, pois plug-ins não mantidos podem não ser compatíveis. Se você vir erros, sempre poderá voltar para uma versão anterior do PHP.

5. Plug-in de Cache

Existem muitos plugins de cache por aí, mas essas pesquisas no Facebook são precisas. Seu plug-in de cache e hospedagem são dois fatores principais, assim alarde sobre WP Rocket se você tiver US $ 49 / ano (pode obter 10% de desconto se se inscrever na lista de e-mails deles). Caso contrário, o WP Fastest Cache e o Swift Performance são duas boas opções gratuitas. Uso o WP Rocket no meu site há cerca de 3 anos..

Melhor pesquisa de plug-in de cache de 2016

Pesquisa de plug-in de cache de 2019

Swift vs WP Rocket

Pesquisa de plug-in de cache de 2016

Melhores enquetes sobre cache de 2018

wp rocket vs w3 totla cache

Com a maioria dos outros plugins de cache, você precisaria instalar cerca de 7 plugins extras para obter esses recursos quando WP Rocket possui todos eles embutidos, reduzindo o número de plugins no seu site. Se você gosta de mim, deseja usar apenas um plug-in, caso contrário, será necessário pesquisar quais recursos os plug-ins de cache vêm e instalar esses plug-ins, caso não os suporte..

Recursos WP-Rocket

Guias de plug-in de cache

  • WP Rocket Guide
  • Guia de cache mais rápido do WP
  • Guia de Desempenho Swift
  • Guia de cache total do W3
  • Guia WP Super Cache

O WP Rocket e o WP Fastest Cache são simples de configurar, enquanto os outros são um pouco mais complexos.

Alguns hosts como Vai Papai e Motor WP plugins de cache da lista negra, porque eles têm seu próprio sistema de cache interno. Nesse caso, use Otimizar automaticamente para otimizar HTML, CSS e JavaScript. Ele também tem uma opção CDN. Consulte meu tutorial de otimização automática, caso contrário, se o seu host não incluir plugins em cache na lista negra, recomendo o WP Rocket ou o Swift.

6. Banco de Dados Limpo

Exclui suas pastas de spam e lixo, trackbacks, pingbacks, tabelas de banco de dados, transientes, e os potencialmente milhares de revisões e rascunhos que acumularam horas extras que o WordPress armazena automaticamente. Esses são arquivos de lixo e tornam o site mais lento. Eu recomendo agendar WP Rocket ou Otimizar WP para excluí-los a cada semana, aproximadamente. Você deve ficar bem, mas faça um backup do seu site se for a primeira vez que limpa seu banco de dados!

Se estiver usando o WP Rocket, execute (e agende) isso nas configurações do banco de dados:

WP-Rocket-Database-Settings

Se não estiver usando o WP Rocket, use o WP-Optimize plugar:

WP-Optimize Clean Database

7. Controle de batimentos cardíacos

o API de pulsação do WordPress consome recursos do servidor mostrando notificações de plug-in em tempo real e que outros usuários estão editando uma postagem. Como isso pode gerar uma solicitação a cada 15 a 30 segundos, é melhor desativá-la no WP Rocket ou no plug-in Heartbeat Control.

Se estiver usando o WP Rocket, desative-o nas configurações de pulsação:

WP-Rocket-Heartbeat-Control

Se não estiver usando o WP Rocket, use o Plugin de controle de pulsação:

Plug-in de controle de batimentos cardíacos

8. Vídeos de carregamento lento

Atrasa o carregamento dos vídeos até você rolar a página e eles se tornarem visíveis. Consegui reduzir o tempo de carregamento de várias postagens em cerca de 6s apenas ativando isso (já que os vídeos são um elemento pesado). Você pode fazer isso com fotos também, mas o carregamento constante pode ser irritante, então eu o desabilitei. Se você não estiver usando o WP Rocket, o WP YouTube Lyte plugin tem ótimas críticas.

Se estiver usando o WP Rocket, habilite o carregamento lento nas configurações de “Mídia”:

WP-Rocket-Lazy-Load

Substitua o Iframe do YouTube pela imagem de visualização – isso carrega vídeos apenas quando as pessoas clicam no botão de reprodução, potencialmente afastando vários segundos do conteúdo dos vídeos. Você pode fazer isso WP Rocket ou seguir este tutorial leve de incorporação do YouTube. Você basicamente colará um código no seu modelo da web, colará mais um pouco no seu CSS e incorporará cada vídeo usando um código “div”.

Veja como o vídeo não é carregado até você clicar no botão reproduzir?

9. Fontes do Google

Se você estiver usando o Google Fonts, provavelmente verá estes erros no GTmetrix:

Google-Fonts-GTmetrix

Isso significa que você precisa hospedar suas fontes localmente usando um plug-in como OMGF:

Fontes CAOS

Ou use o Plug-in Auto-hospedado do Google Fonts que baixa automaticamente todas as fontes do Google que você está usando e as adiciona ao CSS, sem precisar configurar nada … ele faz isso por você.

Self-Hosted-Google-Fonts-Plugin

Se você preferir não usar um plug-in, baixe suas fontes diretamente do Google Fonts (somente as fontes / pesos necessários), use Transfonter para convertê-los em fontes da web e adicioná-los ao CSS.

Transfonter-Google-Font-Conversion

10. Google Analytics

Se você estiver usando o Google Analytics, poderá fazer o mesmo com seu código de acompanhamento.

Alavancagem, armazenamento em cache, Google Analytics

Se estiver usando o WP Rocket, o Rastreamento do Google na guia Complementos, deve corrigir isso:

WP Rocket Local Analytics

Ou use o Plug-in do CAOS para Analytics:

CAOS-Analytics

11. Configuração do Cloudflare

Cloudflare é gratuito e melhora a velocidade, segurança e proteção contra spam. Deles CDN hospeda seus arquivos em Mais de 200 data centers o que ajuda descarregar recursos para os servidores deles (diminuindo a carga no seu). Os data centers também reduzir a distância geográfica para o seu conteúdo viajar para os visitantes. O Cloudflare é fácil de configurar com o WP Rocket (também listei métodos alternativos abaixo).

Centros de dados Cloudflare

Passo 1: Inscreva-se no Cloudflare, adicione seu site e ele executará uma verificação. Você passará por um conjunto de páginas até chegar ao painel com sua 2 servidores de nomes Cloudflare (que você alterará na sua conta de hospedagem) e seu Chave da API global para entrar no seu plugin de cache…

Cloudflare-Nameserver-Dashboard.

Passo 2: Alterar servidores de nomes no seu registrador de domínio para aqueles que o Cloudflare lhe atribuiu:

SiteGround-DNS-Records

etapa 3: Insira o seu Chave da API global (encontrado em seu Perfil do Cloudflare) no seu plugin de cache:

Chave da API global do Cloudflare

Complemento WP-Rocket-Cloudflare

Métodos alternativos para configurar o Cloudflare

Alguns hosts também têm uma opção para ativar o Cloudflare em seu painel:

Ativação do SiteGround-Cloudflare

Lista de IPs Cloudflare na sua conta de hospedagem – você não deseja que seu host bloqueie o Cloudflare, verifique se todos eles estão na lista de permissões IPs Cloudflare (você pode precisar deles para ter certeza).

Intervalos de IP do Cloudflare

12. Configurações do Cloudflare

O CLoudflare tem várias opções, mas aqui estão as coisas mais importantes a fazer.

Configurações de velocidade
Vá para sua configurações de velocidade e copie-os. Verifique seu site posteriormente quanto a erros. Aqui estão mais informações sobre minificação, URL real de AMP, SG Railgun, Brotli, e Carregador de foguetes se necessário.

Guia Cloudflare-Speed

Armazenamento em cache

Configurações de cache do Cloudflare

Escudo de Raspar
Proteção Hotlink impede que as pessoas usem SUAS imagens em SEU site – o que consome a largura de banda do seu plano de hospedagem. Vá para o Cloudflare raspar as configurações do escudo e habilitá-lo.

Proteção Cloudflare Hotlink

Regras da página
Cloudflare diz:

“Recomendamos que você crie um Regra da página excluir a seção de administração do seu site dos recursos de desempenho do Cloudflare. Recursos como o Rocket Loader e a Minificação automática podem inadvertidamente interromper as funções de back-end na sua seção de administração. ”

Vá para o Cloudflare configurações de regras da página

CloudFlare-Page-Rules-Settings

Esta regra da página desativa os recursos de desempenho do Cloudflare no painel de administração do WordPress, ignora o cache e melhora a segurança (exatamente como o Cloudflare recomendou).

Regra de página do administrador do WordPress

Esta regra de página diminuirá a largura de banda da área de uploads do WP. Como os itens no seu arquivo de uploads do WordPress não são alterados com frequência, você não precisa armazená-los em cache com frequência, economizando largura de banda.

Regra WP-Uploads-Página

Firewall
As regras de firewall podem ser usadas para bloquear bots ruins (etapa 24) e são explicadas aqui.

13. CDN (rede de distribuição de conteúdo)

Isto é recomendado no guia de otimização do WordPress:

CDN-WordPress-Recomendação

eu uso CDN do StackPath, mas por que usar outra CDN se você já possui o Cloudflare? Porque…

  • O StackPath possui 31 centros de dados adicionais (mais = mais rápido)
  • O StackPath usa servidores SSD mais rápidos com conexões de 10 GB
  • O StackPath possui painéis que fornecem muitas informações sobre seus arquivos em cache
  • A equipe do StackPath me ajudou a configurar minha CDN e melhorou minha pontuação no GTmetrix YSlow em 8%, colocando a “cereja no bolo” para tornar meu relatório 100% perfeito
  • O StackPath permite proteger sua conta usando um processo de autenticação em duas etapas; você pode colocar na lista branca os endereços IP de pessoas com permissão para acessar sua conta

Centros de dados StackPath

Passo 1: Inscreva-se no StackPath (eles têm uma avaliação de 30 dias).

Passo 2: No painel, clique na guia CDN e, em seguida, criar um site CDN do StackPath:

Tab StackPath-CDN-Tab

StackPath-CDN-Domain

CDN-URL-StackPath

etapa 3: Cole o URL da CDN do StackPath no WP Rocket ou use o CDN Enabler:

Configurações WP-Rocket-CDN

Passo 4: No StackPath, vá para CDN → Configurações de cache e clique em Limpar tudo:

StackPath-Purge-Cache

Etapa 5: Execute seu site em GTmetrix e “rede de entrega de conteúdo” deve estar verde no YSlow.

CDN GTmetrix YSlow

Se você expandir itens no GTmetrix e estiver relacionado à sua CDN, entre em contato com o suporte do StackPath, que poderá ajudá-lo a corrigi-los. Eles fizeram isso por mim e têm excelente apoio.

Domínios sem cookies MaxCDN

GTmetrix YSlow sem StackPath
GTmetrix YSlow sem MaxCDNGTmetrix YSlow com StackPath
GTmetrix YSlow com MaxCDN

Solução de problemas do StackPath

Etapa 6: Lista de permissões IPs do StackPath na sua conta de hospedagem (pode ser necessário entrar em contato com seu host).

StackPath-IP-Addresses

14. Servir imagens em escala

As imagens podem ser otimizadas de 20 maneiras, mas estes são os principais 3. Você pode executar qualquer página GTmetrix e mostrará todas as imagens não otimizadas para essa página. Comece com imagens que aparecem em várias páginas (imagens de logotipo, widget / rodapé) e depois otimize imagens em suas páginas individuais.

otimização de imagem

Servir imagens em escala – redimensionar imagens grandes para serem menores. O GTmetrix indica as dimensões corretas. Basta clicar na imagem no GTmetrix, redimensioná-la para as novas dimensões e substituí-la.

Servir imagens em escala

Crie uma folha de dicas para poder usar as dimensões corretas antes carregando suas imagens:

  • Imagens deslizantes: 1903 (w) x 400 (h)
  • Imagens do carrossel: 115 (h)
  • Imagens do widget: 414 (w)
  • Imagens de postagem no blog de largura total: 680 (w)
  • Imagens em destaque: 250 (w) x 250 (h)

Nunca use o recurso “arrastar para redimensionar” no editor visual, pois isso redimensiona apenas o exibido imagem (não a imagem real). É melhor redimensionar para as dimensões corretas antes de fazer o upload.

15. Especifique as dimensões da imagem

Especificar dimensões da imagem – significa que você precisa especificar uma largura e uma altura no HTML ou CSS da imagem. Isso geralmente acontece nas seções de widgets, HTML ou CSS do seu site, pois o editor visual cuida disso automaticamente. O GTmetrix fornecerá novamente as dimensões corretas, e você precisará localizar a imagem e especificar a largura + altura:

Especificar dimensões da imagem

16. Compactar sem perdas imagens

Otimizar imagens – comprima sem perdas imagens usando Imagify ou ShortPixel (ambos são gratuitos até atingir o limite mensal). Existem outros plugins totalmente gratuitos com compressões ilimitadas, mas NÃO os use, pois possuem bugs, não funcionam ou podem quebrar imagens.

  1. Inscreva-se para Imagify
  2. Instale o Imagify Plugin
  3. Você será solicitado com as instruções abaixo:
  4. Digite sua chave de API na sua conta do Imagify
  5. Defina seu nível de compactação (normal, agressivo, ultra)
  6. Imagine todos (foto abaixo) em massa otimiza todas as imagens no seu site
  7. Depois de atingir seu limite, pague US $ 4,99 ou espere no próximo mês para redefinir seu limite

imaginar

Depois de se inscrever, otimize em massa todas as imagens em seu site.

imagify-wordpress-otimização de imagem

17. Recursos Externos

Recursos externos são do Google Fonts a vídeos incorporados do YouTube, plug-ins de compartilhamento social, plug-ins de comentários, gravatars ou qualquer coisa que extraia informações de um site externo. Eles aparecerão no seu relatório GTmetrix. Às vezes você pode otimizá-los, às vezes não. Aqui estão algumas coisas que aprendi sobre como otimizar recursos externos.

Dicas para otimizar recursos externos

GTmetrix-Advertisements

Pré-buscar solicitações de DNS – isso ajuda os navegadores a prever recursos externos para que eles carreguem mais rapidamente. Veja isso lista de domínios comuns a serem pré-buscados que inclui Google Maps, Google Analytics, Google Fonts, Gravatars, plug-ins de compartilhamento social, Disqus, redes sociais e outros. Você também deve pré-buscar seu URL da CDN se você estiver usando StackPath, KeyCDN ou outro CDN.

Prefetch-DNS-Requests-WP-Rocket

Se estiver usando o WP Rocket, adicione-o nas configurações de Pré-carregamento:

Solicitações de pré-busca DNS

Se não estiver usando o WP Rocket, use o Pré-plugin de dicas de recursos de festas.

18. Remova o inchaço

Desativar WP permite desativar as configurações no WordPress que consomem CPU e tornam o site mais lento. Ele também possui opções para controle de batimentos cardíacos (se você se lembrar do plug-in de controle de pulsação, agora você pode excluí-lo e apenas usá-lo) … bem como algumas outras opções que podem acelerar o seu site / painel de administração. Percorra as configurações e simplesmente desative o que você não usa.

Dicas sobre como usar o WP Disable

  • Desative TUDO que você não usa
  • Programar a exclusão de spam é uma boa ideia
  • Emojis, Google Maps e Gravatars demorar muito para carregar
  • Pingbacks e trackbacks geralmente não valem os recursos extras
  • Defina as revisões de postagem como 3-5 para ter backups, mas não precisa de centenas
  • Opções diversas na guia “solicitação” podem melhorar ainda mais os tempos de carregamento

WP-Disable-Requests

WP-Disable-Tags-Settings

WP-Desativar-Admin

/ WP-Desativar-SEO.

WP-Desativar-Outros

19. Minimize Plugins

Você excluiu o plugin Hello Dolly e o Importador do WordPress? E se substituindo esse plugin do Twitter com um Widget do Twitter ou que o plugin do Facebook com um Widget do Facebook? Em vez de usar um plug-in do Google Analytics, por que não inserir o código de rastreamento diretamente no rodapé (ou melhor ainda), hospede-o localmente)? O Yoast gera um mapa do site XML para você, de modo que o plug-in Sitemaps XML do Google não é necessário. Acesse seus plug-ins e desative / exclua os que você não precisa. Você também deve evitar o uso de 2 plugins separados se eles tiverem funcionalidade duplicada.

Exclua todos os plug-ins que você não precisa e os temas não utilizados em Aparência > Temas:

Excluir temas não utilizados do WordPress

20. Plugins de alta CPU

A maioria plugins lentos do WordPress incluem compartilhamento social, estatística (analítica), controles deslizantes, portfólios, criadores de páginas, calendários, bate-papo, formulários de contato, postagens relacionadas, sitemap, Wordfence, WPML, WooCommerce e qualquer plug-in que execute verificações ou processos em andamento. Eles podem ser identificados usando o Query Monitor ou o GTmetrix Waterfall.

  1. Adicione isso
  2. Monitoramento de fraude de cliques do AdSense
  3. Calendário de Eventos Multifuncional
  4. Backup Buddy
  5. Beaver Builder
  6. Sitemaps XML do Google melhores para WordPress
  7. Verificador de link quebrado (use o Dr. Link Check)
  8. Contato constante para WordPress
  9. Formulário de contato 7
  10. Publicações Relacionadas ao Contexto
  11. Digi Auto Links
  12. Sistema de comentários Disqus
  13. Divi Builder
  14. Grade Essencial
  15. Veja a lista completa de 65 plugins lentos

Você também pode usar a guia cascata GTmetrix para ver seus plugins mais lentos:

Lento WordPress Plugin

Desativar configurações de plug-in não utilizadas
Percorra cada um dos seus plugins e decida quais configurações você pode desativar (isso reduzirá a CPU). Por exemplo, no Yoast em Configurações > Geral > Recursos que desativei o seguinte…

Yoast-Feature-Settings

Exemplos

  • Relatórios de tráfego ao vivo do Wordfence
  • Verificações em andamento do Checker Link Quebrado
  • Plug-ins de bate-papo e calendário que são executados constantemente
  • Plugins estatísticos que coletam dados constantemente
  • Postagens relacionadas e plugins de postagem populares que armazenam toneladas de dados
  • Desative TODAS as configurações que você não usa, pois muitas consumirão CPU

21. plugins leves

Compartilhamento social – WP Rocket’s teste mostrou Pena de mídia social, MonarcaAdicionador de botões compartilhados simples, e MashShare teve a menor quantidade de solicitações e tempos de carregamento mais rápidos.

Cópia de segurançaUpdraftPlus.

SlidersSolilóquio, LayerSlider, ou Controle deslizante de meteoros.

ComentáriosDisqus carga condicional.

PortfólioGaleria Envira, FooGallery, ou The Grid.

Google Analytics – O Google Analytics e o Search Console devem ser suficientes. Verifique se você está hospedando o Google Analytics localmente (usando o WP Rocket ou o WP Disable).

Page BuildersWordPress Page Builder por MotoPress, mas nenhum construtor de páginas roda mais rápido que o editor nativo do WordPress. Combine isso com o Plug-in do duplicador e você não precisa de um construtor de páginas (incluindo construtores de páginas incorporados a temas do WordPress). A menos que sua equipe se recuse absolutamente a aprenda um pouco de HTML (a linguagem de codificação mais fácil), evite os criadores de páginas.

Plugins do StudioPress – plugins leves para o Genesis Framework.

22. Desativar seletivamente plugins

Limpeza de ativos é ótimo para desativar plug-ins que você não usa em páginas / postagens específicas. Especialmente se você estiver executando muitos plugins, ou apenas alguns plugins com muitos recursos, apenas carregá-los no conteúdo em que são usados ​​significa que o site geral do WordPress pode carregar muito mais rapidamente.

Exemplos:

  • Desativando o plug-in de slider em páginas que não usam sliders
  • Desativando seu plug-in rich snippets em páginas que não usam rich snippets
  • Desativando o plug-in do formulário de contato em páginas que não possuem um formulário de contato
  • Desativando o plug-in de gerenciamento de links afiliados em páginas que não usam links de aff
  • Desativando seu plug-in de compartilhamento social em todas as páginas (já que geralmente é para postagens no blog)

Plugins semelhantes

23. Bloquear Bad Bots

Os mecanismos de pesquisa e bots geralmente consomem mais CPU / largura de banda:

Robôs-aranhas-largura de banda

Wordfence tem regras de limitação da taxa de rastreamento que bloqueiam rastreadores falsos do Google, limitam as visualizações da página do rastreador, limitam as visualizações da página humana e outras regras que limitam o uso da CPU e bloqueiam spammers.

Limite de taxa de restrição de palavras

O Googlebot é geralmente o bot que mais consome recursos. No configurações do site do Google Search Console você pode limitar a taxa de rastreamento, mas isso só é recomendado se estiver causando alta CPU.

Taxa de rastreamento - Console de pesquisa do Google

Você pode fazer a mesma coisa no configurações de controle de rastreamento do Ferramentas para webmasters do Bing

Controle de rastreamento do Bing

Esta próxima seção mostra como usar o Wordfence para localizar e bloquear bots de spam que atingem muito o site (o que pode consumir CPU e sobrecarregar o servidor.

Passo 1: Instalar o Wordfence.

Passo 2: Veja o seu relatório de tráfego ao vivo (nas configurações das Ferramentas do Wordfence), que mostra todos os bots que acessam seu site em tempo real. O Googlebot está obviamente bom, mas quando fiz isso, vi o compute.amazonaws.com fazendo uma quantidade ridícula de solicitações a cada dois segundos. Eu pesquisei no Google e, com certeza, este era um robô conhecido por absorver largura de banda. Veja seu relatório por um ou dois minutos e veja se bots com nomes incompletos estão constantemente atingindo seu site. Se você tiver dúvidas, pesquise no Google os nomes de host e veja se outras pessoas estão tendo problemas com esse bot.

Live-Traffic-Report-Wordfence

etapa 3: Acesse as configurações de bloqueio do Wordfence e adicione os bots de spam que deseja bloquear. Asteriscos servem como curingas, portanto, se eu bloquear * amazonaws.com *, significa que qualquer nome de host que contenha amazonaws.com (com caracteres antes ou depois) será bloqueado. Eu salvei milhares de solicitações / largura de banda apenas bloqueando esses dois nomes de host com spam:

  • * amazonaws.com
  • * linode.com

Regra de bloqueio do Wordfence

Passo 4: Acesse seu registro de bloqueio e divirta-se vendo esses bots de spam serem bloqueados.

Bloqueio de firewall do Wordfence

o Plug-in Bloquear consultas ruins também protege seu site contra bots ruins conhecidos. É um plug-in “um clique e pronto” com uma revisão perfeita de 5 estrelas – uma maneira fácil de reduzir a CPU de bots com spam.

Consultas com bloqueio incorreto

24. Evite AMP

AMP é um projeto do Google que faz com que as páginas para celular sejam carregadas mais rapidamente e adiciona um carimbo “AMP” aos snippets para celular. Embora melhore o desempenho, também altera o design do seu site para celular, o que pode diminuir as conversões. Kinsta fez um estudo de caso em que os leads móveis caíram 59% quando adicionaram o AMP, então eles o desativaram (e depois de ler esse artigo, eu também desativei o meu).

amp-pages

Cuidado: o AMP pode interromper suas conversões para celular – use com cuidado!

Instruções

Links móveis acelerados pelo Cloudflare

Um problema comum são as imagens em destaque que aparecem na parte superior das postagens, quando você talvez não as queira também. Existe uma solução para isso, mas não é perfeito. Você não pode ter uma imagem em destaque ou pode definir um padrão em destaque no Yoast em SEO → AMP → Design → Imagem padrão. Essa imagem padrão será exibida se NENHUMA imagem em destaque estiver definida, mas se houver, é o que será exibido na parte superior da postagem. Você pode ler Guia AMP do Yoast mas basicamente resumi.

25. Gravatars

Gravatars demore muito tempo para carregar, especialmente se você tiver muitos comentários no blog (tente executar uma postagem com comentários no GTmetrix e verá o quanto isso fica ruim). Você tem poucas opções:

  • Hospede Gravatars localmente usando Avatar de usuário WP
  • Desativar gravatars completamente
  • Defina seu Gravatar padrão como em branco
  • Excluir comentários que não agregam valor
  • Defina seu Gravatar padrão como uma imagem personalizada em seu servidor
  • Restrinja as imagens do Gravatar para dimensões menores (por exemplo, 32 px)
  • Paginar comentários no WP Desativar para mostrar apenas 20 comentários por vez
  • Tente armazenar em cache os Gravatars usando o FVHarrys, ou Cache Gravatar ideal

26. WooCommerce

Os sites WooCommerce executam scripts extras, estilos, fragmentos de carrinho e geralmente exigem mais plugins. É por isso que, ao escolher um plano de hospedagem, você geralmente deve comprar um nível acima do que realmente precisa para acomodar os recursos extras geralmente necessários para o WooCommerce.

Fragmentos de carrinho do WooCommerce

Estilos WooCommerce no monitor de consultas

Dicas de otimização do WooCommerce

  • Desative fragmentos de carrinho usando este Código do Github
  • Desative os scripts do WooCommerce usando este Código do Github
  • Desative os estilos WooCommerce usando Tutorial do WooCommerce
  • Limpe as sessões do cliente e remova os transientes ocasionalmente
  • Os sites WooCommerce exigem mais recursos, então escolha seu plano de hospedagem de acordo

Mas a maneira mais fácil de otimizar o WooCommerce é usando o Plug-in Perfmatters de Kinsta:

otimização woocommerce perfmatters

27. Adicionar SSL

Não há razão para não usar o SSL quando o Let’s Encrypt SSL o oferecer gratuitamente na maioria das contas de hospedagem. Eu relutava em mudar e temia uma queda no tráfego, mas meu tráfego continuava exatamente o mesmo. SSL realmente simples também facilita a configuração. Se você não fez, eu faria.

siteground-lets-encrypt-ssl

28. Limitar revisões pós

Adicione isso ao seu arquivo wp-config antes de dizer “Isso é tudo, pare de editar! Blogs felizes. ” O Perfmatters também permite limitar revisões posteriores que se acumulam ao longo do tempo em seu banco de dados.

define (‘WP_POST_REVISIONS’, 3);

29. Desativar Pingbacks + Trackbacks

Como não são necessárias, desative-as em Configurações > Discussão.

Trackbacks do WordPress Pingbacks

30. Verifique se AWStats possui alta CPU

AWStats é uma ferramenta incorporada a alguns cPanels de hospedagem que fornece estatísticas sobre o uso da CPU. Informa se certos bots, imagens, arquivos baixados e até endereços IP estão consumindo muita CPU. Você também pode usar o Plug-in Estatísticas do servidor WP mas acho que o AWStats faz um trabalho incrível.

O AWStats ajuda a encontrar:

  • Rastreadores de alta largura de banda
  • Endereços IP de alta largura de banda
  • Arquivos de download de alta largura de banda
  • Arquivos de largura de banda alta (por exemplo, imagens)
  • Uso total da largura de banda (para monitoramento)

Largura de banda mensal

31. Adiar a análise de JavaScript

Faça backup do seu functions.php arquivo e adicione esse código a ele – e pronto. Verifique seu site para garantir que tudo pareça / funcione corretamente. Se isso ainda não corrigir o item no Pingdom, tente o Plug-in de scripts para rodapé. Esta etapa pode exigir teste e uso de variações de código diferentes, mas eu emprestei o código de Este artigo se você quiser mais esclarecimentos.

if (! (is_admin ())) {
função defer_parsing_of_js ($ url) {
if (FALSE === strpos ($ url, ‘.js’)) retorna $ url;
if (strpos ($ url, ‘jquery.js’)) retorna $ url;
// Retorna "Adiar $ url ";
Retorna "$ url ‘adiar onload =’";
}
add_filter (‘clean_url’, ‘defer_parsing_of_js’, 11, 1);
}

32. Adicionar expira cabeçalhos

A maioria dos plugins de cache deve cuidar disso automaticamente quando você ativar o cache do navegador (como WP Rocket e W3 Total Cache). Mas se “adicionar cabeçalhos expirados” ainda aparecer no seu relatório Pingdom na guia YSlow, adicione este código à parte superior do seu .htaccess …

ExpiraActivo em
ExpiresByType text / css "acesso mais 60 dias"
ExpiresByType text / javascript "acesso mais 60 dias"
ExpiresByType image / ico "acesso mais 60 dias"
ExpiresByType image / jpg "acesso mais 60 dias"
ExpiresByType image / jpeg "acesso mais 60 dias"
ExpiresByType image / gif "acesso mais 60 dias"
ExpiresByType image / png "acesso mais 60 dias"
ExpiresByType text / css "acesso mais 60 dias"
ExpiresByType text / html "acesso mais 60 dias"

33. Remover cadeias de consulta

Esse item foi um saco para muitas pessoas (inclusive eu). Felizmente, algumas atualizações recentes foram feitas pelos plug-ins de cache mais populares que permitem corrigir facilmente o ‘remover cadeias de consulta de recursos estáticos‘Item no seu GTmetrix e outros relatórios de velocidade. No entanto, a maioria das cadeias de consulta é gerada por plugins (que você pode ver no seu relatório GTmetrix), por isso é absolutamente crítico usar apenas plug-ins leves e testá-los imediatamente.

WP Rocket tem uma opção na guia “otimização de arquivos”:

Remove-Query-Strings-From Static-Resources

O cache total do W3 tem uma opção para isso em Desempenho → Cache do navegador:

Remover seqüências de caracteres de consulta de recursos estáticos

Desativar WP tem uma opção na guia “solicitações”:

Remove-Querystings-WP-Disable

Remover seqüências de caracteres de consulta do plug-in de recursos estáticos – você também pode experimentar este plugin gratuito.

34. Minimize redirecionamentos

Geralmente significa que você alterou a versão www ou http do seu site, mas não alterou seus links / imagens para refletir isso. Tente usar o Melhor pesquisa & Substituir plugin para corrigi-los em massa.

minimizar redirecionamentos

35. Tema leve

Se seu site WordPress está lento desde o início, provavelmente é sua hospedagem ou tema. Lembro-me de desenvolver um site usando o Tema de negócios de direito e foi tão lento que tive que riscar o site inteiro e começar de novo usando o Tema Executive Pro pelo StudioPress. Isso ocorre devido à má codificação do desenvolvedor do tema ou a muitos recursos internos desnecessários.

Temas do StudioPress são leves (carregam rápido), responsivos, HTML5, seguros e confiáveis ​​(não são ruins ou são descontinuados, como alguns temas do ThemeForest). Eles são usados ​​por mais de 200.000 pessoas, seus temas são construídos no Quadro Genesis (recomendado pelo fundador do Yoast e do WordPress, Matt Mullenweg), além de ter plugins Genesis leves.

Eu sei que você não quer mudar seu tema. Mas se o seu design for ruim de qualquer maneira, um tema do StudioPress pode mudar o jogo. Eu escrevi um avaliação no StudioPress se decidir olhar para eles.

studiopress-themes

36. Monitorar recursos do servidor

Você tem apenas uma quantidade limitada de recursos do servidor na sua conta de hospedagem. Hospedar muitos sites em uma conta, plug-ins com muitos recursos e muitos outros fatores pode tornar o servidor lento. Verifique se o seu plano possui recursos suficientes para acomodar adequadamente suas necessidades.

SiteGround-Server-Resources-Comparation

Se você estiver recebendo excesso de largura de banda / CPU, precisará corrigi-lo (este guia deve ter ajudado) ou atualizar seu plano para incluir mais recursos. Em muitos planos de nuvem, você pode adicionar recursos, conforme necessário, para garantir que não chegue perto de superá-los, o que é estressante no servidor.

Aumento da memória na nuvem

37. Atualize o WordPress

Atualize o núcleo, o tema, os plugins e a estrutura do WordPress se você usar um (por exemplo, Genesis).

Atualizações do WordPress

Verifique seu cPanel de hospedagem para ver se há uma opção para atualizações automáticas:

Datas automáticas do SiteGround WordPress

O Genesis Framework também tem uma opção para isso:

Atualizações automáticas do Genesis

38. Encontre as páginas mais lentas

Você pode usar o Google Analytics para encontrar os tempos de carregamento (e recomendações) das suas páginas mais vistas e mais lentas. Faça login no Google Analytics e, à esquerda, vá para Comportamento → Velocidade do site → Sugestões de velocidade. Clique nas “Sugestões de velocidade da página” para ver as recomendações, embora eu diria que as recomendações do GTmetrix geralmente são melhores.

Velocidade-sugestões-Google-Analytics

39. Hospedagem em Cloudways

Se você procura algo mais rápido que a hospedagem compartilhada, a maioria das pessoas está pulando para Cloudways. Eles são hospedagem na nuvem (não compartilhada) e são ainda mais rápidos que o SiteGround. A desvantagem é que o suporte deles não é tão bom quanto o SiteGround, é um pouco mais tedioso de gerenciar e eles não fornecem hospedagem de email. Mas se você procura velocidade pura, eles também foram classificados como o número 1 em muitas pesquisas no Facebook. A maioria das pessoas usa seus Plano DigitalOcean que começa em US $ 10 / mês.

Para hospedagem compartilhada, o SiteGround é ótimo. Mas a hospedagem na nuvem é muito cara por US $ 80 / mês, e pelo mesmo preço na Cloudways, você recebe quase o dobro da CPU + RAM.

Você também paga mensalmente, e não anualmente, o que é bom.

SiteGround-vs-Cloudways-Cloud-Hospedagem

Pessoas que migraram para o Cloudways (ou um de seus fornecedores de nuvem):

Tempos de resposta do Cloudways

Motor WP para Cloudways

Relatório DigitalOcean Pingdom

Tempos de resposta do servidor Cloudways

Migração Godaddy para DigitalOcean

Melhoria no tempo de carregamento do Cloudways

Cloudways vs WP Engine

Sem título

Tempos de carregamento do Cloudways Pingdom

Relatório de Clouddom Pingdom

Migração de Namecheap para Cloudways

Migração de Vultr

Migração do Cloudways WooCommerce

Migração da AWS para Cloudways

Também é o número 1 em muitas pesquisas no Facebook:

Recomendações de hospedagem no Facebook

VPS Cloud Hosting Pesquisa WooCommerce

Recomendações de hospedagem da Elementor

2017-WordPress-Hosting-FB-Enquete

Enquete de hospedagem em nuvem VPS

Sugestões de hospedagem WordPress

Hospedagem Favorita Para Elementor

2016-WordPress-Hosting-FB-Enquete

Você pode economizar 25% nos primeiros 2 meses com o Cloudways usando este código promocional: OMM25.

40. Contrate meu WordPress Speed ​​Optimizer

Ainda precisa de ajuda com seu relatório GTmetrix / Pingdom? Trabalho com Usama (i333) desde 2005. Ele me ajudou a otimizar meu próprio site e muitos sites de clientes. Você pode contratá-lo criando um perfil no freelancer.com (Eu apreciaria você usando esse link aff) e encontrar o perfil. Ele recebe US $ 60 / hora do Paquistão (portanto, há uma mudança de horário), mas ele tem 459 avaliações com 5 estrelas perfeitas. Apenas consultas sérias e não espere pontuações de 100% se você estiver usando hospedagem lenta, um tema inchado e plugins pesados. Siga este guia de velocidade do WordPress primeiro.

Especialista em Otimização de Velocidade do WordPress i333

perguntas frequentes

&# x1f680; Quais são os fatores de velocidade mais importantes?

Hospedagem, plug-in de cache, otimização de imagens, otimização de plug-ins e se você está usando scripts externos geralmente são os 5 principais fatores da velocidade do site.

&# x1f680; Qual plugin de cache você deve usar?

O WP Rocket é geralmente classificado como o principal plug-in de cache nas pesquisas do Facebook, pois possui recursos internos que a maioria dos plug-ins de cache não possui. Essas otimizações extras devem gerar melhores pontuações e tempos de carregamento no GTmetrix, mas é um plug-in premium. Os principais plugins de cache gratuito são Swift Performance, W3 Total Cache e WP Fastest Cache.

&# x1f680; Qual hospedagem WordPress você deve usar?

A melhor hospedagem é altamente discutível, mas SiteGround e Cloudways são geralmente os 2 hosts WordPress com a melhor classificação em mais de 30 pesquisas no Facebook. O SiteGround é bom para hospedagem compartilhada e o Cloudways para hospedagem na nuvem.

&# x1f680; Qual ferramenta de teste de velocidade você deve usar?

O GTmetrix tem as recomendações mais robustas, especialmente quando se trata de otimizar imagens, encontrar plugins lentos na guia Waterfall e medir o tempo até o primeiro byte. Pingdom não tem tantas recomendações, e o Google PageSpeed ​​Insights nem mede o tempo de carregamento.

&# x1f680; Como você otimiza imagens?

Você pode otimizar imagens usando um plug-in como ShortPixel ou Smush para compactar imagens e extrair dados EXIF. Certifique-se de redimensionar as imagens para as dimensões corretas e atendê-las de maneira ideal a partir de uma CDN. O carregamento lento de imagens e vídeos também tornará a página mais rápida.

&# x1f680; Você deve usar o AMP?

Geralmente, você deve evitar o AMP (páginas móveis aceleradas), pois as alterações no design podem reduzir as conversões. As conversões de Kinsta caíram 59% depois de adicionar o AMP e eles decidiram removê-las.

&# x1f680; Como você otimiza plugins?

Encontre plug-ins de alta CPU usando o Query Monitor, que geralmente inclui portfólios, estatísticas, controles deslizantes e plug-ins que executam processos em andamento. Em seguida, substitua-os por plug-ins leves que consomem recursos mínimos. Exclua todos os plug-ins que você não está usando e desative as configurações desnecessárias de plug-ins que consomem recursos. Por fim, desative seletivamente o carregamento de plug-ins em determinado conteúdo usando um plug-in como Asset Manager ou Perfmatters.

&# x1f680; Como você otimiza scripts externos?

É melhor evitar scripts externos todos juntos, como Google AdSense, widgets do Facebook e plug-ins que criam solicitações externas. Alguns plug-ins como o Disques permitem carregá-lo condicionalmente. Se a página contiver JavaScript, tente o plug-in JavaScript assíncrono. Por fim, pré-busque todos os URLs externos que estão carregando na página.

Espero que isso tenha ajudado! Solte suas novas pontuações no GTmetrix + tempos de carregamento nos comentários :-)

Felicidades,
Tom

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