Otimização de velocidade do WordPressÉ todo o trabalho realizado para aumentar a velocidade de um site com infraestrutura WordPress. Quanto mais rápido o seu site abrir, maior será o seu sucesso na sua área. Os usuários não preferem sites com longos tempos de carregamento. Em sites lentos, eles podem sair do site sem esperar que ele carregue. Neste caso Otimização de velocidade do WordPress A importância de seu trabalho vem à tona.

O que é Core Web Vitals

Core Web Vitals são métricas de desempenho que medem aspectos importantes da experiência do usuário na Internet. Core Web Vitals divide as experiências de desempenho do site dos desenvolvedores em três resultados - "bom", "precisa de melhorias" ou "ruim" - e inclui métricas que os ajudam a entendê-los qualitativamente. As mais proeminentes dessas métricas são as métricas LCP, FCP e CLS. Mas nem todas as métricas se limitam a isso. Existem também diferentes métricas, como TTFB, INP, TBT.

Benefícios da otimização de velocidade do WordPress

A velocidade do seu site contribui significativamente para o SEO e a experiência do usuário. Google anunciou que os valores Core Web Vitals serão um importante critério de SEO a partir da atualização de maio de 2021.

Hoje em dia, quando você faz uma breve pesquisa na internet, Otimização de velocidade do WordPress Você pode ver muitos artigos sobre seu trabalho. As informações contidas em alguns artigos na Internet são imprecisas ou incompletas. Apresentamos informações precisas e abrangentes para você neste artigo.

Algoritmos de plug-ins de otimização de velocidade do WordPress

Nitropack, WP Rocket, PageSpeed Ninja, Litespeed Cache e todos, exceto exceções Otimização de velocidade do WordPress e Webp Express etc. Otimização de imagens WordPress plug-ins não otimizam seus arquivos ou imagens originais. Ele cria cópias dos arquivos/imagens originais, otimiza-os e apresenta-os em vez do original. Otimização WordPress Esta é a melhor abordagem no processo.

Métodos de otimização de velocidade do WordPress

Otimização de velocidade do WordPress Existem três métodos estáveis que podem ser aplicados no processo:

  1. Codifique um plugin de otimização bem-sucedido do zero. Requer uma equipe de 2 a 4 pessoas, 6 a 12 meses e custos elevados até que uma versão estável seja alcançada.
  2. Otimização WordPress integrando sistemas. Hospedagem Güzel por 100 TL Cache Premium do WordPress sob o nome Otimização WordPress oferece o sistema. No entanto, estes sistemas são para sites estáticos. Em sites dinâmicos criados com PHP, impede o funcionamento das funções do site.
  3. disponível Otimização WordPress Usando plug-ins. Esta é a solução de menor custo que pode proporcionar alta eficiência em pouco tempo. Se um plugin pirata não for usado e as configurações do plugin de otimização estiverem configuradas corretamente, isso não causará problemas no site. Até mesmo a velocidade real de sites que contêm recursos Javascript de execução lenta, como Adsense e Slider, pode ser aumentada; Google As métricas do PageSpeed ​​​​Core Web Vitals podem ser melhoradas.

Diferenças entre otimização manual e otimização de plugins no WordPress

No WordPress, os arquivos estáticos podem ser compactados, mesclados e atrasados manualmente escrevendo códigos personalizados. Da mesma forma, isso pode ser feito com plug-ins de otimização do Wordpress. Então, quais são as diferenças? Vamos examinar isso:

  • Ativo na otimização com plugins Otimização de velocidade do WordPress O plugin otimiza automaticamente suas páginas, postagens e imagens recém-adicionadas - se elas contiverem o recurso relevante. Nenhuma intervenção manual é necessária.
  • Na otimização de imagens, é muito comum e altamente recomendável optar pelo uso do formato webp na otimização de imagens. No entanto, versões mais antigas do navegador iOS Safari e versões muito antigas dos navegadores atuais não suportam o formato webp. Se você realizar a otimização manualmente e adicionar a imagem à biblioteca de mídia como webp, suas imagens não aparecerão quando seu site for acessado em um navegador ou em sua versão relevante que não suporte webp. Isso cria uma desvantagem significativa em termos de experiência do usuário e SEO. Mas Webp Express etc. Se você otimizar suas imagens com um plug-in que torna o webp como responsivo ao navegador, como webp em navegadores que suportam webp e como jpg otimizado em navegadores que não suportam, você não terá desvantagem em termos de experiência do usuário e SEO.
  • Se você executar a ação manualmente, a alteração feita será permanente; se você realizar a ação com plug-ins, a alteração feita será inválida quando você desativar o plug-in. Neste caso, quando é encontrado um problema na otimização manual, é muito mais difícil resolvê-lo.
  • Plugins líderes como Nitropack, WP Rocket, Flyingpress tentam otimizar o site com algoritmos avançados. Portanto, é menos provável que você tenha problemas. No entanto, se você editar os códigos manualmente, o site poderá travar se você cometer um pequeno erro descuidado.
  • A realização da otimização manual requer conhecimento em PHP, JS e CSS. Portanto, menos pessoas conseguem fazer isso com sucesso.

Sugestões de otimização de velocidade do WordPress

Antes de aplicar as etapas recomendadas abaixo ao seu site, Google PageSpeed Insights, GTmetrix Recomendamos que você verifique o desempenho atual do seu site usando plataformas semelhantes. Nessas plataformas, você pode aprender muitos fatores, como o tempo exato de carregamento da página web, tamanho do arquivo, número de solicitações. No âmbito dos dados obtidos Otimização de velocidade do WordPress Você pode entender melhor a extensão dos cuidados que precisa tomar.

Plataformas onde você pode medir a velocidade do seu site:

Google PageSpeed Insights ->https://pagespeed.web.dev (recomendamos especialmente esta plataforma)

GTmetrix -> https://gtmetrix.com

Determine o plano de hospedagem mais adequado

Aceleração de sites WordPressO primeiro passo é determinar o plano de hospedagem mais adequado. No entanto, a empresa de hospedagem não está na raiz de todos os problemas que você encontra no seu site. Plano de hospedagem escolhido insuficiente ou problemas técnicos com o software Otimização de velocidade do WordPress Isso pode causar lentidão no seu site durante o processo. Não importa quão boa seja a empresa da qual você comprou a hospedagem, se houver problemas de software no site, a velocidade do seu site será lenta. Para resolver isso, você precisa otimizar os códigos do seu software.

Limites insuficientes de CPU, RAM ou E/S do servidor podem fazer com que seu site e painel de administração fiquem lentos, ou até mesmo não abram, ou retornem erros. Você precisa saber o que precisa para que seu site funcione sem problemas e agir de acordo. Você deve utilizar o plano de hospedagem necessário, levando em consideração o número atual e total de usuários do seu site e os recursos mínimos exigidos pelo software do seu site. Se quiser saber mais sobre os recursos mínimos exigidos pelos temas e plug-ins do WordPress, você pode ler a seção Recursos necessários para o uso eficaz do WordPress em nosso artigo.

Não ignore o problema do TTFB

TTFB, que significa Time to First Byte em inglês, deve ser o mais curto possível. Podemos dizer que a resposta à pergunta sobre o que é TTFB é a métrica que determina o tempo até o servidor receber o primeiro byte de dados quando uma solicitação é enviada do cliente para o servidor. Quando você digita um endereço da web na barra de URL do seu navegador ou tenta acessar um site a partir dos resultados do mecanismo de pesquisa, algumas operações ocorrem no servidor e no navegador. Dentre essas transações, um dos fatores que tem maior impacto no desempenho é o TTFB.

Quanto deve custar o TTFB?

O valor TTFB deve estar abaixo de 500 milissegundos. Porém, o melhor valor de TTFB é aquele abaixo de 300 ms e, se possível, 100 ms. um sucesso Otimização de velocidade do WordPress Quando funciona, pode cair abaixo de 300 ms, ou até abaixo de 100 ms em alguns sites.

Quais são as razões pelas quais o TTFB é longo?

Uma das reclamações mais comuns dos criadores ou proprietários de sites é que o servidor responde tarde demais. Para descobrir o que está causando esse período de tempo, desative todos os plug-ins do WordPress. Reative cada plugin um por um e teste o TTFB cada vez que ativá-lo. Se o TTFB aumentar significativamente quando você ativa um plugin, há um problema com esse plugin. Além disso, o problema pode estar relacionado ao tema. Para isso, você pode mudar temporariamente para um tema diferente e tentar testar o TTFB novamente. Para aprender outras etapas de depuração do WordPress e o que você pode fazer quando encontrar um problema no WordPress Depuração WordPress Você pode visitar nosso artigo chamado:

Se o primeiro tempo de resposta do servidor for muito longo, pode ser devido a falha ou falta de configuração no servidor ou hospedagem utilizada. Para resolver este problema, a configuração do servidor deve ser feita com sucesso e testes de eficiência devem ser realizados.

No entanto, ao contrário da crença popular, o TTFB geralmente não é causado pela empresa de hospedagem/servidor ou provedora. O problema em questão geralmente é causado por um erro de software ou falta de otimização. Se houver consumo excessivo de CPU, RAM ou I/O no site, ou se os limites de recursos na hospedagem forem insuficientes, o servidor responderá muito tarde. Neste caso o software deve ser otimizado. Otimização WordPress Se os recursos de hospedagem ainda forem insuficientes, os recursos deverão ser aumentados. Para saber mais sobre os recursos mínimos necessários para WordPress, você pode ler a seção Recursos necessários para o uso eficaz do WordPress de nosso artigo.

Remova funções desnecessárias do WordPress

Você deve remover funções desnecessárias como versões em recursos estáticos do site (exemplo: ?ver=2), link de relacionamento api.w.org, manifesto, shortlink - se não estiver usando - xmlrpc. Mas isso Otimização de velocidade do WordPress Lembre-se que sua contribuição para o trabalho pode ser baixa. Se o plugin de otimização que você está usando não tem a opção de remover funções desnecessárias, podemos recomendar o uso do plugin chamado Disable Bloat:https://wordpress.org/plugins/disable-dashboard-for-woocommerce/

Otimize consultas SQL

Se as consultas forem geradas constantemente em seu banco de dados ou se as consultas estiverem sendo executadas muito lentamente, elas deverão ser otimizadas. Você pode descobrir quais consultas demoram quanto tempo para serem executadas examinando os logs de consultas lentas do MySQL no servidor. Os logs de consulta lenta do MySQL não são permitidos na maioria das hospedagens compartilhadas. Portanto, caso queira revisá-los, pode ser necessário utilizar um servidor VPS, VDS ou Dedicado. Alternativamente em WordPressMonitor de consultasVocê pode observar o desempenho das consultas SQL com o plugin r.

Otimizar imagens

Otimização das imagens que você carrega no site Otimização de velocidade do WordPress É uma das atividades que deve ser realizada no âmbito de Adicionar recursos visuais ao conteúdo que você publica em seu site é importante para aumentar sua legibilidade e visibilidade. Porém, se as imagens do conteúdo não forem otimizadas, elas podem tornar o site significativamente mais lento.

Otimização de imagem com Webp Express

Podemos dizer que a solução de maior sucesso que pode ser utilizada para otimizar as imagens carregadas no site é o plugin Webp Express. Com este plugin, as novas imagens que você adicionar ao seu site e as imagens antigas que você adicionar ao seu site serão otimizadas automaticamente. Se o plug-in não puder otimizar automaticamente imagens antigas, você poderá usar o recurso Bulk Convert do plug-in como último recurso (método substituto).

Requisitos Webp Express

Para otimização de imagem, a extensão PHP GD está ativa por padrão na maioria das hospedagens compartilhadas. Para que este plugin funcione com sucesso e não cause problemas como imagens não exibidas em seu site, a extensão PHP GD utilizada no método de otimização de imagens que recomendamos deve estar ativa em sua infraestrutura de hospedagem/servidor e a extensão GD deve ser compilada com suporte webp. Caso contrário, o plugin altera os URLs das imagens para webp, mas como a condição exigida não é atendida, a conversão webp falha e as imagens retornam 404. Se o seu servidor ou hospedagem não atender às condições necessárias, você pode realizar a conversão webp baseada em CDN em vez da conversão webp local baseada no servidor.

Servindo Webp apenas em navegadores suportados

Se o recurso de serviço webp do plug-in Webp Express com htaccess estiver desativado e o recurso Alterar HTML estiver ativado, o ekelnti apresentará o webp como responsivo ao navegador. Então, o que o webp responsivo do navegador está servindo? Versões mais antigas do Safari, o navegador iOS, não suportam imagens com a extensão webp. No entanto, versões muito antigas de navegadores comuns como Chrome, Edge, Firefox, Opera não suportam webply. Portanto, webp não aparece nesses navegadores. No entanto, se o recurso relevante do plug-in Webp Express estiver ativado, ele oferece a versão jpg otimizada da imagem se o navegador não suportar a extensão webp, e a versão webp se suportar a extensão webp.

Configurações do Webp Express

  • Baixe e ative o plugin na seção de instalação de plugins do WordPress.
  • Desmarque ativar o redirecionamento direto para imagens convertidas existentes e ativar o redirecionamento para recursos do conversor na seção regras .htaccess para geração de webp.
  • Ative o recurso marcando a opção Alterar HTML na seção Alterar HTML.
  • Salve as configurações clicando no botão Salvar configurações e forçar novas regras .Htaccess.

Usando Webp Express com CDN

Se você estiver usando um CDN, selecione Modo amigável de CDN na opção superior para evitar possíveis problemas. Se o recurso de otimização visual estiver ativo no serviço CDN que você usa, pode ser necessário desabilitar o recurso de otimização visual no serviço CDN ou não usar o Webp Express para evitar possíveis problemas.

Atrase recursos Javascript que tornam seu site lento

Otimização de velocidade do WordPress Outra coisa que você precisa fazer é atrasar os recursos Javascript que tornam seu site lento. As fontes Javascript que mais tornam seu site lento são Slider/Carousels, Adsense, etc. São arquivos Javascript e códigos embutidos de seus anúncios. Adsense é a plataforma de publicidade preferida atualmente. Você pode ganhar uma renda passiva usando esta plataforma. No entanto, se os códigos Javascript que você adiciona para colocar o Adsense em seu site e os arquivos Javascript extraídos do servidor remoto não forem otimizados, eles tornarão o site significativamente mais lento e causarão negatividade em áreas como SEO e UX (experiência do usuário). O mesmo se aplica aos plug-ins do WordPress Slider.  Se você tem um site que inclui Adsense ou Slider/Carousel e está tendo dificuldades para otimizá-lo, você pode obter suporte profissional nosso para aumentar a pontuação móvel do Google PageSpeed ​​​​do seu site acima de 80-90, melhorar os valores do Google PageSpeed ​​​​Core Web Vitals e aumentar a velocidade real do seu site.

Nossos canais de comunicação para chegar até nós ->

Linha de suporte Whatsapp:0 850 241 90 38

E-mail: info@onurozden.com.tr

Use o módulo do editor de páginas em vez de plug-ins de controle deslizante

Embora a estrutura do código Javascript de plug-ins como Revolution Slider, Smart Slider e Layer Slider seja otimizada devido às bibliotecas que usam, eles são executados lentamente e causam lentidão significativa no site. A razão pela qual esses plug-ins funcionam lentamente é que eles contêm muitos módulos Javascript que fornecem muita personalização e recursos. Em vez desses plug-ins que tornam o site mais lento, é importante usar um plug-in deslizante leve, como o Meta Slider ou o módulo Slider/Carrossel do editor de páginas, para acelerar o site. Você pode acessar o plugin Meta Slider aqui:https://wordpress.org/plugins/ml-slider/

Use compactação Gzip

Compressão GzipPode reduzir o tamanho original de um site em até 70%.Aceleração de sites WordPress Os plug-ins ativam automaticamente a compactação Gzip. Como o plugin de otimização que você usa ativará automaticamente a compactação Gzip, você não precisa fazer nenhuma intervenção adicional.

Atrasar arquivos estáticos e códigos não utilizados na área superior da tela (abaixo da dobra)

Recaptcha, Google adsense, Tawk.to etc. Scripts usados ​​em muitos sistemas externos de nova geração impõem uma carga significativa nos sites. Bibliotecas CSS/Javascript usadas em sites modernos também tornam a página significativamente mais lenta. Para superar isso, vamos primeiro reconhecer o termo acima da dobra, que é a parte que chamamos de área superior da tela. Acima da dobra está a área que você vê quando abre a página no dispositivo sem rolar. Para chegar a uma solução; Atrasar arquivos e códigos CSS/JS não funcionais na primeira tela (acima da dobra) quando a página é aberta no site até a primeira ação do usuário. Desta forma, carregamos apenas os códigos das peças e funções que o usuário precisa ver na primeira área. Quando o usuário realiza qualquer ação (mover o mouse, rolar, pressionar uma tecla do teclado), os recursos do restante da página são carregados a uma velocidade imperceptível na maioria dos casos. Desta forma, aumentamos significativamente a velocidade de abertura da página, carregando menos recursos no navegador ao abrir a página. No entanto, existem alguns pontos importantes neste método. Os códigos CSS/JS necessários no design e as funções usadas na área que chamamos acima da dobra nunca devem ser adiados. Atrasar os códigos usados ​​na dobra acima fará com que a página pareça distorcida até a primeira ação do usuário. A otimização não significa sacrificar a experiência do usuário. Outro ponto importante é, se você tiver adsense etc. Se for utilizado um script de publicidade e acima da dobra, a receita do Adsense poderá diminuir, pois será adiada até a primeira ação do usuário. No entanto, os anúncios do Adsense contêm códigos JS extremamente pesados. Portanto, atrasá-lo terá consequências muito positivas no desempenho do site. Mas existem tipos de anúncios alternativos que podem ser adicionados para atingir o equilíbrio desempenho/receita. Resumindo, você deve ter cuidado ao atrasar css/js e excluir definitivamente códigos e arquivos acima da dobra. Para atrasos de CSS/JS, você pode usar um dos plug-ins de otimização populares que recomendamos posteriormente em nosso artigo.

Aproveite as vantagens do cache do navegador

Otimização de velocidade do WordPress Uma das coisas que você precisa fazer é usar o cache do navegador. Para economizar tempo dos usuários que fazem login constantemente na sua página, alguns arquivos estáticos são mantidos em um diretório temporário no armazenamento local do seu dispositivo. Isso garantirá que a velocidade da página aumente e carregue mais rapidamente nas visitas subsequentes à página. Para ativar o cache do navegador, recomendaremos na seguinte seção de nosso artigo: Otimização WordPress Você pode usar um dos plug-ins.

Use um plug-in de otimização de velocidade para WordPress de sucesso

Otimização de velocidade do WordPress no processo Aceleração de sites WordPress É de grande importância utilizar os plugins corretamente. Esses plug-ins contêm muitos recursos importantes, como cache de página inteira, cache de recursos estáticos, compactação, atraso, otimização de fonte e imagem.

Plug-ins de otimização de velocidade para WordPress de maior sucesso

O mais bem sucedido hoje Otimização de velocidade do WordPress Se precisarmos listar os complementos, podemos oferecer a seguinte lista:

  • FlyingPress
  • Nitropack
  • Foguete WP
FlyingPress

chamado FlyingPress Aceleração de sites WordPress O plugin é muito mais funcional que o WP Rocket e mais estável que o Perfmatters. Principalmente o recurso Lazy Render, adicionado na versão mais recente, não está disponível em nenhum outro plugin de otimização no ecossistema WordPress. Existe um plugin semelhante no Swift Performance, mas sua operação e estabilidade não são tão bem-sucedidas quanto no FlyingPress. Não existe uma versão gratuita do plugin, ele pode ser utilizado obtendo uma licença do site original. Você precisa fazer as configurações corretamente manualmente. Deixamos o link onde você pode acessar o plugin aqui ->https://flyingpress.com/

Nitropack

Nitropack é especialmente preferido em sites de comércio eletrônico e WordPress complexos e é amplamente utilizado para aumentar a velocidade da página da web. Aceleração de sites WordPress plug-in. Ao usar este plugin, você pode aumentar a velocidade do seu site sem precisar de nenhum conhecimento de codificação. Uma versão gratuita do plugin está disponível. Porém, na versão gratuita, o plugin funciona até atingir as visualizações mensais de página e os limites de cota de 1 GB CDN de 5.000 visualizações de página. Na versão paga, a cota CDN e os limites mensais de visualização de página variam de acordo com cada pacote. A desvantagem mais importante do plugin é esta estratégia de preços. Após atingir esses limites o plugin para de funcionar. Você pode acessar o plugin Nitropack neste link -> https://wordpress.org/plugins/nitropack

Foguete WP

WP Rocket é um dos plugins de otimização premium. Com este plugin, você pode aumentar a velocidade do seu site em pouco tempo e fazer com que a página abra em menos tempo. No entanto, você precisa definir conscientemente as configurações do plugin corretamente. Caso contrário, você não verá os benefícios do plugin. Como este plugin é pago, ele pode ser baixado do site oficial após a compra; Não existe uma versão gratuita disponível. Você pode acessar o site oficial do plugin usando este link -> https://wp-rocket.me


Preste atenção ao uso da rede de distribuição de conteúdo (CDN)

Uso de CDN, Otimização de velocidade do WordPress É um dos fatores importantes que devem ser levados em consideração. Se um visitante vier de onde o data center está localizado, a página da web demorará muito mais para carregar.

As redes de entrega de conteúdo (CDN) permitem o uso de milhares de data centers em todo o mundo. Arquivos estáticos como imagens, Javascript e CSS são apresentados aos visitantes desses data centers. Desta forma Otimização WordPress Neste contexto, o tempo de carregamento da página é reduzido.

Abaixo incluímos as redes de distribuição de conteúdo populares e seus sites atualmente:

O custo das redes de distribuição que você usará acima varia dependendo da quantidade de largura de banda que o site usa e da localização do data center.

Preste atenção à qualidade do seu tema

Otimização de velocidade do WordPress Outro conselho que podemos dar é que o tema que você usa seja codificado de forma limpa. Os códigos usados ​​na estrutura do código não devem ser repetidos e funções que não têm suporte ou causam perda de desempenho não devem ser usadas. Temas de qualidade e codificação limpa melhores temas WordPress Nós detalhamos isso em nosso artigo.

O erro mais importante cometido hoje a esse respeito baseia-se na rapidez e facilidade de otimização dos temas. Ele decide testando em plataformas. Até mesmo os temas mais vendidos como Betheme e Thegem publicam suas demos sem otimizá-las. Isso causa avaliações incorretas sobre a qualidade e o desempenho do tema.

Recursos necessários para o uso eficaz do WordPress

Ter um limite de CPU de 1 CPU (100%) na hospedagem do site WordPress geralmente é suficiente para sites WordPress. No entanto, hospedar com 1 CPU para temas suportados pelo Woocommerce ou plugin Woocommerce geralmente é insuficiente. Em geral, hospedagem com no mínimo 1 CPU (permissão de uso de 100%), 1 GB de RAM e limite de E/S de 5 mb/s é ideal para WordPress. Mas alguns temas compatíveis com Woocommerce/Buddypress ou Woocommerce etc. Quando plug-ins que exigem mais recursos são usados, esses recursos podem ser insuficientes. Neste caso, melhores resultados são obtidos com uma hospedagem com recursos de 10 MB/s com 2 CPUs e 2 GB de RAM. Esses critérios são válidos para sites com menos de 50 a 100 visitantes atuais. O software não é o único fator que afeta o consumo de recursos. Seu tráfego também aumenta o consumo de recursos.

Serviço de otimização de velocidade WordPress com plugin licenciado e codificações especiais

Otimização de velocidade do WordPress No mundo de hoje, tornou-se não uma opção a ser avaliada, mas uma obrigação que deve ser concretizada. Alguns usuários Otimização de velocidade do WordPress Ele acha que seu site não pode ser otimizado porque recebeu seus serviços de freelancers inexperientes e o resultado não teve sucesso. Pelo contrário, todos os sites WordPress podem ser otimizados em taxas diferentes dependendo do servidor, tema e plugins. Otimização de velocidade do WordPress Somos especializados na área e melhoramos os valores Google PageSpeed ​​​​Core Web Vitals para seus sites, aumentando a velocidade real do seu site. Para entrar em contato conosco, você pode nos enviar uma mensagem no Whatsapp digitalizando o código QR.