Como acelerar WordPress Site e passe Core Web Vitals - Guia 2026

Na era digital de hoje, WordPress a velocidade e a otimização do site desempenham um papel crucial no fornecimento de uma experiência ideal ao usuário. Sites de carregamento lento não apenas frustram os visitantes, mas também podem afetar adversamente as classificações do mecanismo de pesquisa e a reputação online geral.

Na verdade, as estatísticas mostram que 40% dos usuários sairão de um site se isso não acontecer carregar em 3 segundos mas a retenção de usuários não é o único motivo pelo qual você precisa acelerar seu site. 

Como acelerar sua lentidão WordPress Site e passe Core Web Vitals?

Como acelerar lentamente WordPress Site e passe Core Web Vitals

Resumindo, você precisará ter;

  • Tema leve (Kadence, Astra, GeneratePress ou OceanWP)

Não consigo enfatizar o suficiente, se você não tem uma hospedagem rápida, você está apenas perdendo tempo para aumentar o desempenho do seu site. Ter um host rápido é o primeiro passo para obter um site de carregamento rápido antes de qualquer ajuste de desempenho, como tema, caching etc.

Lembre-se de que ter velocidades de carregamento rápidas também pode ajudá-lo a ter uma classificação mais elevada nos resultados de pesquisa. Diante disso, podemos dizer que WordPress otimização de velocidade é uma preocupação comum para quem cria ou opera sites na plataforma. Otimizar o seu site pode ajudá-lo a diminuir o tempo de carregamento da página. 

Neste artigo, compartilharei com você as principais dicas que o ajudarão quando se trata de WordPress otimização de velocidade. 

Abordaremos coisas como alteração de DNS, configurações de hospedagem, otimização de imagens e muito mais. No entanto, antes de entrarmos nisso, você precisará entender o que háappquando um usuário visita um WordPress site. 

Entendendo como WordPress Obras 

Uma das coisas mais importantes que aprendi ao longo dos anos é que WordPress é ótimo para uma série de coisas diferentes, como gerenciamento de conteúdo. No entanto, a velocidade não é realmente uma especialidade pela qual a plataforma é conhecida, e isso se deve à forma como essa plataforma funciona. 

Quando alguém visita seu WordPress, a plataforma extrai dados de diferentes fontes, como banco de dados e temas, e combina tudo isso em um arquivo HTML. Assim que esse processo for concluído, o arquivo HTML é enviado ao navegador do usuário. 

No entanto, posso te dizer que construir páginas em trânsito não é realmente uma opção adequada para um desempenho ideal. Além disso, coisas como plugins e temas rodando ao mesmo tempo consumir valioso server recursos, que podem fazer com que a velocidade de carregamento diminua. 

Isso não significa que você não possa otimizar um WordPress site para velocidade. Há uma série de coisas que você pode fazer quando se trata de WordPress otimização de velocidade. Vamos descobrir o que eles são;

Velocidade DNS
Fonte: DNSPref

Alterar seu DNS pode ajudá-lo a aumentar a velocidade do seu WordPress site, mas antes de fazer sua jogada, verifique a velocidade do seu DNS. A primeira coisa que você precisa saber é que seu registrador de domínio é seu provedor de DNS, portanto, se você não tiver mudado, poderá correr o risco de experimentar um tempo lento até o primeiro byte (TTFB).

Este happens por alguns motivos, como latência de rede, manutenção não programada de DNS e host da sua rede sendo bloqueado por Google. Você pode até acabar perdendo suas classificações de SEO. A principal coisa que você precisa saber é que o DNS da Cloudflare funciona bem, mas se você usa um LiteSpeed server, usar o DNS do QUIC é uma opção melhor.

Te dá roteamento geográfico preciso e integra-se bem com o CND do QUIC. Existem outras opções como Kinsta e Cloudways, ambas oferecendo DNS premium. Mas, o que você precisa saber é que Kinsta usa Amazon Route 53 e Cloudways usa DNS Made Easy, e ambos são mais lentos que Cloudflare, que tem velocidade de consulta de 13.47 milissegundos (ms).

Para alterar seu DNS para Cloudflare:

  1. Cadastre-se na plataforma.
  2. Adicione seu site.
  3. Siga o Mude o nomeservers instruções e você está pronto para ir.

Não opte por hosts convencionais

A maioria das pessoas costuma pensar que um plano ou provedor de hospedagem popular é a melhor opção para elas. No entanto, se você estiver preocupado com a velocidade do seu WordPress site, você precisa saber que isso não é 100% verdade. Você deve entender que muitas empresas de hospedagem investem dinheiro em marketing e anúncios para que possam ser exibidos como "A melhor opção."

Uma coisa que aprendi ao longo dos anos é que nem todas as informações que você encontra sobre planos de hospedagem são precisas. Diante disso, tendo a ignorar os comentários e vídeos que vejo on-line e confiar nas especificações, recomendo que você faça o mesmo.

Abaixo estão os dados de provedores de hospedagem populares que você pode comparar.

  • Especificações do plano de hospedagem compartilhada:
 SiteGround GrowBigHostinger Business WPNegócios WPXA2 Hospedagem Turbo BoostNameHero Turbo Cloud
FormatoPartilhadoPartilhadoPartilhadoPartilhadoPartilhado
ServerApache + NginxLiteSpeedLiteSpeedLiteSpeedLiteSpeed
Cache PluginSG OptimizerLSCLSC ou W3TCLSCLSC
CDNParceria QUIC.cloudQUIC.cloud/XDNQUIC.cloudQUIC.cloud
Página inteira cachingSimusando QUICusando QUICusando QUICusando QUIC
DNSBloqueado por Google por 4 diasInterno/QUICInterno/QUICInterno/QUICInterno/QUIC
Núcleos/RAMoculto2 núcleos/1.5 GB1 núcleo/1 GB2 núcleo/2 GB3 núcleos/3 GB
Armazenamento20GB/SATA200GB/SATA15GB/SATA“Ilimitado” / NVMe“Ilimitado” / NVMe
objeto CacheMemcacheMemcacheNãoRedisRedis
banco de dadosMySQLMariaDBMariaDBMariaDBMariaDB
Limites de recursosRecursos de CPU são comunsBaixos recursosBaixos recursosEficiente com LiteSpeedEficiente com LiteSpeed
Inodes400,000600,000A critério600,000500,000
Painel de controleFerramentas do SitehPanelPainel WPXcPanelcPanel
Armazenamento de e-mail10GB1GBLimites múltiplosIlimitadoIlimitado
Grandes incidentesProblemas de TTFB/DNS/CPU e antiéticosRelatórios de golpes, análises falsas e violações em 2019A culpa da interrupção global foi causada pela morte do CEOAtaque de ransomware de 2 semanasInterrupção do nó de 2 dias com emissão de uma carta de desculpas
Avaliação do TrustPilot4.64.64.94.44.6
Preço inicial$ 6.99 por mês$ 3.99 por mês com 3 meses grátis$ 20.83 por mês com 2 meses grátis$ 6.99 por mês$ 10.97 por mês
Renovações$ 29.99 por mês$ 8.99 por mês$ 20.83 por mês$ 22.99 por mês$ 19.95 por mês
óculosDetalhesDetalhesDetalhesDetalhesDetalhes

  • Especificações do plano de hospedagem em nuvem:
 Plano SiteGround Cloud Jump StartPlano de inicialização do WP EnginePlano Kinsta StarterCloudways Vultr HF (2 GB) Rocket.net Plano de Inicialização
FormatoNa nuvemNa nuvemNa nuvemNa nuvemprivate Cloud
ServerApache + NginxApache + NginxApache + NginxApache + NginxApache + Nginx
Núcleos/RAM4 núcleos/8 GBNão listado12 núcleos/8 GB1 núcleo/2 GB32 núcleos/128 GB
Armazenamento40GB10GB10GB64GB10GB
CDNParceria Cloudflare e polonêsCloudflare, página inteira cachinge regras de firewallCloudflare Enterprise por $ 5 por mêsCloudflare Enterprise
CDN Largura de BandaunmeteredNão mencionado100 GB100GBIlimitado
DNSInternoInternoAmazon Route 53DNS facilitado por US$ 5 por mêsCloudflare
Cache PluginSG OptimizerN/DN/DBrisaN/D
objeto CacheMemcachedMemcachedRedis por US$ 100 por mêsRedis ProRedis
Processador PHPCGI rápidoHHVMCGI rápidoFPMLiteSpeed
Trabalhadores PHPNão mencionadoNão mencionado2 trabalhadores PHPNão limitadoNão limitado
Limite de MemóriaAjustável512 MB256MBAjustável1GB
banco de dadosMySQLNão mencionadoNão mencionadoMariaDBMariaDB
Nginx reverso proxySimConfiguração Manual$ 50 por mêsSimSim
Largura de banda ou visitas mensais5TB50 GB e 25,000 visitas por mês25,000 visitas por mês2TB50 GB e 250,000 visitantes por mês
Email HostingSimN/DN/DN/DN/D
Remoção de MalwareSomente scannerN/DPromessa de remoçãoN/DImunify360
Grandes incidentesProblemas de TTFB/DNS/CPU e antiéticosViolação em 2015nenhumnenhumnenhum
Avaliações do TrustPilot4.64.54.24.54.9
Preço$ 100 por mês$ 20 por mês quando pago anualmente$ 35 por mês US$ 30 por mês e US$ 5 adicionais para empresas de CF$ 30 por mês.
óculosDetalhesDetalhesDetalhesDetalhesDetalhes

Você pode escolher o provedor de hospedagem mais adequado para você com base nas informações que compartilhei com você. No entanto, há algumas coisas importantes que gostaria de destacar sobre as plataformas de hospedagem compartilhada e em nuvem que mencionei. As críticas positivas que você lerá sobre essas plataformas não são 100% precisas.

Dito isto, é melhor filtre as avaliações de 1 ou 2 estrelas em plataformas como TrustPilot e veja o que os usuários não gostamappe sobre. Além disso, alguns provedores de hospedagem compartilhada como Hostingere tem violações de dados experimentadas que impactaram milhões de clientes. WPX teve uma interrupção isso deixou vários sites off-line e usuários reclamando da falta de comunicação.

Na hora de escolher um para o seu WordPress site, você só precisará fazer um pouco de pesquisa. Isso envolverá algumas críticas negativas no TrustPilot, leitura sobre as experiências do usuário no Reddit e análise de especificações.

Defina as configurações em sua conta de hospedagem

A maioria das pessoas ignora esse aspecto e apenas segue as opções de configuração de hospedagem padrão.

Por exemplo, se o seu site não estiver veiculando cached páginas, isso significa que pode sobrecarregar seu server, o que faz com que a velocidade diminua e, na pior das hipóteses, seu site possa travar. As configurações de hospedagem que você pode definir variam de acordo com o provedor, mas serão genéticasrally envolvem diferentes aspectos que incluem o seguinte.

  • OPcache - Se isso é algo que está em oferta, use-o. O OPcache está embutido no PHP e funciona por meio de memória compartilhada de bytecode de script pré-compilado, o que aumenta o desempenho do site conforme há não há necessidade de PHP carregar o script com cada solicitação.
  • Caching camadas – Se você tiver a opção de use algo como Ngnix, faça isso. Algumas opções de hospedagem que mencionei acima suportam o reverso Nginx proxy, permitindo que você cache conteúdo e melhorar a velocidade do seu site.
  • Brotli – Você não encontrará muitos hosts que ofereçam suporte ao Brotli, mas será uma grande vantagem se eles o fizerem. É um algoritmo de compressão sem perdas que compacta dados usando diferentes variações da modelagem de contexto de 2ª ordem, algoritmo LZ77 e codificação Huffman.
  • Uso de recursos – A maioria das pessoas tende a ignorar isso, mas é muito importante ficar de olho no uso de recursos e nos logs de erros. Se você estiver usando muitos recursos simultaneamente, isso poderá afetar a velocidade.
  • Redis x Memcached – Ambas são ótimas opções, mas o Redis tem vantagem aqui. Ele fornece uma melhor taxa de utilização de memória do que Memcached quando usa a estrutura hash e não depende de ferramentas de terceiros para despejo de disco.

Não use nada além do Cloudflare APO, Enterprise ou QUIC.cloud no LiteSpeed

Cloudflare's Otimização Automática de Desempenho (APO) é a coisa mais importante quando se trata de WordPress otimização de velocidade. Basicamente, ele permite que o Cloudflare atenda a todos os seus WordPress site como pode cache conteúdo dinâmico, ajudando você a obter TTFB rápido e consistente.

Eu sei que alguns outros provedores oferecem seus próprios CDNs, e tomar uma decisão pode ser opressor. Então é melhor verificar CDN's desempenho, que, para Cloudflare, é excelente. O CloudFlare CDN tem o melhor desempenho em cdnpref.com e é ainda melhor do que outros como Google e Akamai. 

Possui velocidade de consulta de apenas 26.81 ms, ou seja 0.16 ms mais rápido que Google e um colossal 6.22 ms mais rápido que o Akamai.

CDN Agilidade (Speed)
Fonte: CDNpreferir

Plano APO vs Enterprise Cloudflare

Antes de entrarmos em mais detalhes, quero apenas salientar que o APO fará o trabalho para a maioria dos sites, mas isso não significa que não tenhamos o Versão Enterprise. Portanto, se você optar pelo caminho APO, poderá ter que comprometer coisas como segurança de firewall, otimização de imagem, suporte SSO e muito mais.

Agora, o que você precisa saber é que algumas plataformas de hospedagem suportam Cloudflare Enterprise, mas eles perdem alguns recursos. Com base nas minhas experiências, acredito que Rocket.net é o que mais se aproxima de oferecer a versão Enterprise. Está configurado para WordPress pronto para uso e vem com muitos benefícios, como otimização de imagem, em camadas caching, roteamento inteligenteE muito mais.

Tomar uma decisão pode ser difícil, e é por isso que compilei uma lista de fatores que ajudarão você a decidir se deve usar o Cloudflare Free ou Cloudflare Enterprise com Cloudways, voandoProxy, ou Rocket.net.

  • Os Tbps em 192 e os PoPs em 285 são iguais para todos. Cloudways não oferece suporte a APO e você precisa pague US$ 5 por mês para usá-lo com Cloudflare Free.
  • Vôo Proxy não possui Agro Smart Routing, e você terá que pagar a mais para usá-lo gratuitamente com o Cloudflare.
  • HTTP/3 e WAF são consistentes para todas as opções; taxas extras para balanceamento de carga com Cloudflare grátis podem appsomente após as primeiras 500,000 consultas.
  • Nenhuma das opções vem com configuração automática, exceto Rocket.net, mas a largura de banda obtida dependerá do plano de hospedagem escolhido.

LiteSpeed ​​com plano padrão do QUIC

Se você está no Velocidade da luz server e não pode usar Cloudflare, então QUIC é a melhor opção para você. Eu comparei com outros alternativas como Bunny CDN, VoandoCDNe SiteGround 2.0. Aqui está o que encontrei:

  • O processo de largura de banda você entende não é anunciado falsamente e é de fato ilimitado.
  • Você não precisa pagar a mais por coisas como replicação geográfica e página inteira caching.
  • Com o plano padrão do QUIC, você não precisa pagar a mais pela otimização de imagem e pelo balanceamento de carga HTTP/3 WAF Anti-DDoS.

Não exagere com os construtores de páginas

A coisa mais importante que você precisa saber quando se trata de construtores de páginas é que eles adicionam CSS e JavaScript extras ao seu site e aumentam o uso de memória. Isso não significa que você não possa obter velocidade máxima se estiver usando construtores de páginas; você pode, mas tem que ter cuidado com a hospedagem e pluginvocê usa e precisa otimizar.

Então, se você optar por construtores de páginas, certifique-se de:

  • O suporte para Load Font Awesome 4 está desativado.
  • Todas as configurações de desempenho disponíveis estão ativadas.
  • Reduza ao mínimo o uso de widgets e colunas.
  • Desligue os construtores de páginas quando não os estiver usando.
  • Certifique-se de que seu método de impressão CSS esteja definido como “estilo externo”.

Usar imagem CDNs

Estamos em 2024 e imagens (e vídeos) são a essência do conteúdo hoje em dia. A não otimização das imagens pode levar ao aumento server consumo de recursos e inchaço. Então, é melhor usar imagem CDNé em oposição a plugins.

Eu usei muitos deles ao longo dos anos: Imagify, ShortPixel, Bunny Optimizer e Cloudflare Mirage/Polish, para nomear alguns. De todas essas opções, descobri que CloudFlare é a melhor que existe. Isso lhe dará:

  • WebP.
  • Redimensionamento móvel.
  • Conversão AVIF.
  • Otimizações de rede.
  • Não server uso e sem inchaço.
  • AVIF oferece suporte e veicula imagens de CDN.

E a melhor parte é que está incluído CloudFlare Enterprise. Você precisa se lembrar disso enquanto a maioria CDNsuporte WebP, alguns deles nem sempre convertem imagens, então você precisaráveja o Chrome Dev Tools e veja se as imagens foram convertidas. Outra coisa a ter em mente é que você precisa ser específico com as dimensões.

Os mais cache plugins fazem isso automaticamente, mas se não for o caso, você sempre pode altere a dimensão da imagem em seu arquivo HTML. Por último, configurar o navegador cache TTL para 365 dias já que é melhor ter mais tempo cache expiração para imagens estáticas porque elas não mudam.

Certifique-se de Cache Configurações abordam Web Vitals

Web Vitals são basicamente métricas de desempenho que Google considera ao medir a experiência geral do usuário em seu site. Isso pode afetar sua classificação de pesquisa. É importante que você saiba que a maioria dos aplicativos gratuitos cache plugins faltam recursos que suportem isso, mas se eu tivesse que fazer uma escolha, eu escolheria Desempenho rápido ou W3.

Fora isso, opções para o otimizador SG e recursos essenciais do WP Rocket, como elementos HTML de renderização lenta e compatibilidade com APO. Isso realmente nos deixa com duas opções, e você pode ver a comparação abaixo: 

                                        LiteSpeed Cache      FlyingPress
Server-lado cachingSimNão
JavaScript de atrasoSimSim
Remover CSS não utilizadoArquivo separadoArquivo separado
CSS CríticoSimSim
Preload imagens críticasCom base no númeroNão
Excluir imagens acima da dobraAutomáticoAutomático
Imagens de fundo de carregamento lentoNãoClasse auxiliar
Elementos HTML de renderização lentaSimSim
Adicionar dimensões de imagem ausentesSimSim
Imagem de visualização do iframe do YouTubeSimSim
Espaço reservado para auto-hospedagem do YouTubeNãoSim
Hospedar fontes localmenteSimSim
Exibição de fonte: trocaSimSim
Preload LinksSimSim
CDNQUIC.cloudCoelho CDN
Compatibilidade com APOSimSim

Para ser honesto, acho que o WP Rocket ficou para trás ao longo dos anos e não é realmente a melhor opção para otimização de LCP, imagens e hospedagem de fontes localmente. eu mudei para FlyingPress recentemente, e posso dizer que é ótimo para sinais vitais e velocidade da web.

Você pode querer minimizar o cache plugin se vocês são usando CloudFlare e não combine CSS/Java pois isso pode tornar seu site mais lento e é algo que não deve ser feito em HTTP/2.

configurar Perfmatters Configuração para o seu Cache Plugin

Eu usei Perfmatters bastante ao longo dos anos e com base no que aprendi, posso dizer que a configuração que você precisa definir definitivamente varia para cada plugin. Quando se trata de cache plugins, você realmente só tem quatro opções que valem a pena. Então, aqui está um detalhamento de cada um deles

Perfmatters ConfiguraçãoFlyingPressLiteSpeed CacheWP RocketOtimizador do SiteGround
GeralHabilite todas as opçõesHabilite todas as opções, mas mova wp-login e heartbeatHabilite todas as opções, exceto pulsaçãoHabilite todas as opções, exceto pulsação
AtivosHabilite o gerenciador de scriptsHabilite o gerenciador de scriptsHabilite o gerenciador de scripts e remova o CSS não utilizadoHabilite o gerenciador de scripts, atrase o JavaScript e remova o CSS não utilizado
PreloadingPreload Arquivos CSS/JSPreload imagens e fontes críticas/arquivos CSS/JSPreload imagens críticas e arquivos CSS/JSPreload imagens críticas e arquivos CSS/JS
lazy LoadingdesligarHabilite as imagens de fundo CSSHabilite as imagens de fundo CSSHabilite todas as configurações de carregamento lento
FontesdesligardesligarHabilitar locais Google FontesAtivar troca de exibição + local Google Fontes
CDNdesligardesligardesligardesligar
Análises estatísticasdesligardesligardesligardesligar

Então, quando se trata de configurar cache plugins para Perfmatters, você pode configurar FlyingPress e LiteSpeed ​​como faria normalmente. No entanto, quando se trata de WP Rocket, você deve desative todas as configurações de CSS. O mesmo vale para o Otimizador SG, mas voce devia desative a configuração de carregamento lento também.

Hospedar localmente ou atrasar código de terceiros

Códigos de terceiros podem conter scripts que bloqueiam seu thread principal e impedem tarefas essenciais.

Esses códigos podem diminuir a velocidade de server tempos de resposta, pesquisas de DNS e erros de resposta. Mas há uma solução rápida aqui que aprendi ao longo dos anos.

  1. Hospede todos os códigos, fontes e miniaturas de terceiros localmente.
  2. Se você estiver usando LiteSpeed cache, você está em boas mãos, pois oferece suporte a recursos localizados.
  3. Se não estiver, você pode usar Perfmatters' local Google fontes.
  4. Você também pode usar woff2 para remover famílias de fontes que não usa.
  5. Atrase o código de terceiros abaixo da dobra. 

Lembrar de Preload

O Preconnect ajuda você a estabelecer uma conexão antecipada com domínios de terceiros, mas isso é algo que você só deve fazer com fontes de terceiros e CDN URLs. A pré-busca, por outro lado, é bastante semelhante à pré-conexão. A única diferença é TCP ou TLS. Tenha em mente que você deve preload fontes (use origens cruzadas com Prefmattters), imagens, WP-Block-Library e links.

Quando terminar, envie seu site para o HSTS preload lista para Chromee você obterá um aumento de desempenho.

Preload HSTS

Livre-se do CSS não utilizado 

A maioria das pessoas ignora isso, mas o CSS não utilizado pode afetar o desempenho do seu site, por isso é melhor removê-lo. Se você estiver usando WP Rocket, recomendo que você desabilite esse recurso e então ative-o em Perfmatters usando o "Arquivo" opções para o “Método CSS usado” criação.

Verifique se há lentidão Plugins

Ao otimizar a velocidade do seu site, você precisa saber que um plugin que está executando lentamente pode afetar a velocidade. Ao longo dos anos, identifiquei algumas razões pelas quais um Plugin pode ser lento.

  • O primeiro motivo é adicionar CSS e JavaScript ao front-end. Você pode encontrar JavaScript e CSS usando cobertura e remova-os para acelerar o seu WordPress site.
  • A plugin também pode ser lento se aumentar o uso de memória. Para testar se este é o caso, usar WP Hive. Ele testará automaticamente um plugin e fornecer todos os insights de que você precisa.
  • Algumas outras razões podem ser que um plugin adiciona inchaço ao banco de dados ou usa jQuery. Você pode verificar esses problemas usando phpMyAdmin e Perfmatters exibir dependências.

Além de tudo isso, você também pode otimizar pluginé substituindo-os por CDNs ou blocos, limitando tarefas em segundo plano, atrasando-as e desativando recursos não utilizados. Abaixo estão alguns plugins que vi afetarem a memória e a velocidade da página.

PluginCategoriaImpacto na memóriaImpacto do PageSpeed
All In One SEOSEONãoNão
Quebrado Link CheckerSEONãoSim
DisqusComentáriosSimNão
Elementorpágina BuilderNãoNão
Complementos Elementor Premiumpágina BuilderSimNão
Elementor Propágina BuilderNãoNão
JetElementspágina BuilderNãoNão
jetpackTotalNãoNão
Galeria NextGENGaleriaNãoNão
Construtor de pop-upsPopupNãoNão
Site Kit por GoogleAnálises estatísticasNãoSim

Desabilitar Pluginestá em certas páginas

A próxima coisa que você pode fazer WordPress otimização de velocidade é desativar plugins em certas páginas. Perfmatters e Asset CleanUp são duas das opções mais populares para fazer isso. eu uso Perfmatters, e desabilitando pluginUsar esta ferramenta é bastante simples.

A primeira coisa que você precisa fazer é habilite o gerenciador de script e o modo de teste. Para fazer isso, vá para o "Bens" configuração e visualize qualquer página do seu site no menu superior e clique em “Perfmatéria” e depois “Gerenciador de scripts.”

Agora vá para as configurações do gerenciador de scripts e habilite o modo de teste. Depois de terminar isso, você precisará desabilite o plugins em todas as páginas postadas ou em dispositivos móveis. Se você desativá-los em dispositivos móveis, precisará permitir “móvel separado cache. "

Conheça o seu LCP

Assim, um LCP é basicamente dividido em quatro subpartes, e cada uma delas diz respeito a um fator diferente, cujos detalhes são mencionados a seguir.

Descobri que a maioria das pessoas muitas vezes tem dificuldade em controlar firmemente o Largest Contentful Paint (LCP). Mas é um núcleo vital da web e você precisa entendê-lo.

Subparte LCPfatores% de PCL
TTFBCDN, hospedagem, página inteira caching, etc.~% 40
Atraso no carregamento de recursosvisualizar imagens de preguiçosos, preload fontes, imagens da janela de visualização, excluir
Tempo de carregamento de recursosReduza tamanhos/imagens CSS/JS, CDN, CSS crítico, cache expiração~% 40
Atraso na renderização do elementoRelacionado ao adiamento, redução e descarregamento de JavaScript

Você pode use o percepções de desempenho da Chrome Dev Tools para ver quais TTFBs demoram mais para carregar. Depois de identificar isso, você pode fazer LCPs movendo arquivos pesados ​​abaixo da dobra, usando Cloudflare SXG, adiando JavaScript para evitar bloqueio de renderização e renderização lenta de elementos HTML. Se você quiser saber mais sobre LCPs, então este Chrome vídeo para desenvolvedores Vale a pena.

Fique longe de mudanças de layout (CLS)

A mudança de layout é basicamente o quanto a página muda quando está carregando. Isto é muito importante para WordPress otimizações de velocidade e happens porque diferentes elementos da página carregam em velocidades diferentes, o que eunflinfluencia as visualizações de página dos usuários. Você pode usar Googledepurador de mudança de layout de página para ver como essas mudanças de layout funcionam em seu site.

Depurador CLS

Já falei sobre muitas coisas que você pode fazer para otimizar as mudanças de layout ao longo deste guia e vou mencioná-las aqui novamente como um lembrete.

  • Swap preloadalterar fontes e adicionar dimensões de imagem ausentes.
  • Mude o seu cookie aviso prévio plugins, pois isso também pode causar mudanças de layout.
  • Reserve espaço para conteúdo dinâmico e anúncios adicionando dimensões e colocando-as em um código div.
  • Remova o CSS não utilizado, certifique-se de que o CSS crítico esteja funcionando e gere-o novamente se você editar o CSS.
  • Ativar celular separado cache na sua cache plugin para minimizar mudanças de layout quando seu site carrega em dispositivos móveis.

Limite o uso de recursos a menos de 50%

Quando você está otimizando a velocidade do seu site; você precisa deixar espaço para picos de tráfego e tarefas em segundo plano. É importante lembrar que você pode sofrer atrasos se o uso da CPU for alto, por isso é é melhor mantê-lo abaixo de 50%. Ao tentar limitar o uso da CPU, lembre-se de que transferir a largura de banda para um CDN e removendo o uso de muita memória pluginpodem ajudar. Mas isso não é tudo.

  • Desative o compartilhamento de dados em plugins.
  • Vá para o seu “wp_opções” tabela e limpe os dados carregados automaticamente.
  • Vá para o seu WordPress configuração de discussão e desabilitar pingbacks.
  • Use um plano de hospedagem que tenha núcleos, RAM e limite de recursos suficientes.
  • Diminua o tamanho do lote e aumente o intervalo do milho para limitar CSS não utilizado.
  • Algumas ações podem causar todo o seu cache para limpar, resultando em aumento do uso da CPU, então você precisa limitar cache clareira.
  • Lembre-se que o WP Rocket preloadEng, LiteSpeed Cacherastreador ou pré-aquecimento do SG Optimizer cache aumentará o uso da CPU.

Use WP-Optimize para configurações de limpeza de banco de dados

Os mais cache pluginNós encontramos três problemas comuns quando você tenta limpar seu banco de dados. Comum plugins não podem fazer backups de banco de dados, remover tabelas de banco de dados que foram deixadas para trás por alguns antigos plugins e exclua todas as revisões posteriores.

Mas você não terá que enfrentar nenhum desses problemas se usar WP Optimize para limpezas de banco de dados. Depois de ter tudo definido, você precisa:

  1. Percorra as tabelas do seu banco de dados.
  2. Identifique "inativo" or "não instalado" tabelas.
  3. Excluir o plugins ou temas se você não planeja usá-los.

Uma coisa importante que aprendi ao longo dos anos é que certos plugins, especialmente se coletarem dados, são os melhores para o seu WordPress site, então é melhor não usá-los. Se você deseja análises para o seu site, recomendo que você ficar com Google Análises estatísticas ou comece a usá-lo se ainda não o fez.

Otimizar para dispositivos móveis

Isso é algo que nem é preciso dizer. A maioria das pessoas que visitam seu site provavelmente o faz em um dispositivo móvel, e você precisa ter certeza de que seu site está otimizado para isso. Agora, a maioria das otimizações de desktop são transferidas para dispositivos móveis. Mas, caso isso não aconteça, eis o que você vai fazer:

  • Ativar celular caching na sua cache plugin.
  • Uso Perfmatters para desativar CSS e Javascript não utilizados com base no tipo de dispositivo.
  • Concentre-se na redução da latência, pois essa é a chave para usuários móveis e parte do TTFB.
  • Teste o CLS no celular usando a ferramenta de depurador de mudança de layout que mencionei anteriormente e corrija as mudanças de layout no celular.
  • Uso CloudFlare Enterprise já que sua rede, roteamento priorizado e balanceamento de carga desempenham um papel importante na limitação do impacto de CDN PoPs.

Escolha apenas o Plugino que você precisa

Eu compartilhei uma lista de aplicativos gratuitos pluginestá com você abaixo. Obviamente, você não precisa de todos eles, então analise a lista e use aqueles que mais lhe agradam.

  • OMGF.
  • Debloat.
  • Optimole.
  • Unbloater.
  • WP Crontrol.
  • WP-Otimizar.
  • Flying Scripts.
  • Query Monitor.
  • Desativar widget.
  • Flying Analytics.
  • WP Foft Loader.
  • WPS Hide Login.
  • LiteSpeed Cache.
  • WP YouTube Lyte.
  • Heartbeat Control.
  • Disable XML-RPC.
  • Limit Login Attempts.
  • Redis Object Cache.
  • Simple Local Avatars.
  • Blackhole For Bad Bots.
  • WP Server Health Stats.
  • WP Hosting Benchmark.
  • Preload Featured Images.
  • Pre* Party Resource Hints.
  • ShortPixel Adaptive Images.
  • Disable WooCommerce Bloat.
  • WP Hosting Performance Check.
  • Super Page Cache for Cloudflare.
  • Headers Security Advanced & HSTS WP.

Dê uma olhada na minha configuração 

Se ainda estiver entre todas as opções que você tem pela frente, dê uma olhada na minha configuração para se inspirar. Talvez isso ajude você a tomar uma decisão.

ServiçoCategoria
Rocket.netHosting
Cloudflare EnterpriseCDN (vem com Rocket.net)
FlyingPressCache Plugin
PerfmattersOtimizações diversas
KadenceTema (grátis)
Kadence BlocksGuternberg Block Modelos (grátis)

Agora, quero que você saiba que essa configuração pode custar mais do que seu orçamento. Então, se você não quer gastar mais, isso não é para você.

No entanto, tenho uma alternativa mais barata que você pode configurar. Dê uma olhada.

ServiçoCategoria
NameHero Turbo CloudHosting
QUIC.cloud (Plano Pago)CDN
LiteSpeed CacheCache Plugin
PerfmattersOtimizações diversas
NameHeroEmail Hosting

Abaixo está a pontuação de velocidade do meu site em PageSpeed ​​Insights & GTmetrix.

riderchris pontuação móvel
Pontuação móvel
riderchris pontuação de desktop
Pontuação da área de trabalho
riderchris pontuação gtmetrix
Pontuação GTmetrix

E aí está o tutorial definitivo sobre como aumentar WordPress Website Velocidade e passe Core Web Vitals Em 2024

Por favor, siga meu WhatsApp Channel Para obter as atualizações mais recentes. Você também pode Contacto Se precisar de mais alguma ajuda.

Mensagens similares