Um guia para iniciantes para otimização da velocidade do site Corrija seu site lento

Não sabe como aumentar a velocidade geral do seu site?

A velocidade do site é a parte fundamental do SEO moderno, e confie em mim; Tem um efeito imediato e significativo nos rankings.

Se você já visitou meu site TheGuideX, notará que meu site carrega em menos de 1 segundo (também anexei o resultado do GTmertix abaixo).

De acordo com GTmetrix, a pontuação PageSpeed ​​do TheGuideX.com é de 100% e a pontuação YSlow é de cerca de 95% com tempo de carregamento de 0,9 segundos e apenas 23 solicitações HTTP. Isso é incrível.

…e aqui está outro relatório do TheVPNCoupon.com, onde escrevo sobre VPNs.

E de acordo com GTmetrix, o PageSpeed ​​Score do meu outro blog (TheVPNCoupon.com) é de cerca de 99% e o YSlow Score é de 95% com solicitações de 23-HTTP e este site também carrega menos de 1 segundo (embora leve apenas 800ms para carregar isso local na rede Internet).

Um site que carrega menos de 2 segundos é considerado uma velocidade de carregamento aceitável. Mas sempre recomendamos que você otimize seu site o máximo possível para uma melhor velocidade de carregamento.

Então, o que eu faço para otimizar a velocidade do meu site? E precisa de alguma habilidade técnica ou de desenvolvimento para otimizar seu site?

A resposta é não; você não precisa de nenhuma habilidade técnica ou de desenvolvimento para otimizar seu site. Você pode fazer isso facilmente usando alguns plugins do WordPress e CDN. E para otimizar seu site, primeiro você precisa de um melhor plano de hospedagem na web.

A maioria dos blogueiros amadores falhou aqui. Quando eles me pedem para otimizar seu site, percebo que eles estavam usando planos baratos de hospedagem compartilhada em seu site, e usar um plano de hospedagem barato nunca pode tornar um site rápido.

Se você tem um conhecimento básico sobre VPS, eu recomendo que você primeiro mude seu site para DigitalOcean ou Cloudways, e se você quiser uma hospedagem baseada em cPanel, você pode mudar para SiteGround.

Além disso, certifique-se de usar um CDN em seu site. Se você está procurando um provedor de CDN gratuito, recomendo a Cloudflare. Você também pode usar o ImageKit for Image CDN (estou usando isso no meu site e me ajuda a otimizar imagens em tempo real).

Antes de nos aprofundarmos nas técnicas de otimização de velocidade, primeiro aprendemos

Por que a velocidade importa?

Então, quanto tempo você espera para um site carregar?

Bem, de acordo com as estatísticas, metade de nós e mesmo quando se trata de mim, não quero esperar dois segundos para que um site seja carregado.

É por isso que eu queria ter certeza de que meu site carrega dentro de um segundo ou o mais rápido possível. E hoje, compartilharei exatamente o mesmo método que uso no meu site para otimizar sua velocidade.

Mas por que a velocidade de um site é importante? E que diferença faz uma fração de segundos?

A resposta? Isso faz uma grande diferença!

Mas como isso faz uma grande diferença? Vamos ver um relatório detalhado para saber mais sobre por que a velocidade é importante.

1. Sites lentos matam conversões:

Um site lento pode matar as conversões do seu site.

Vamos imaginar se você é um site de comércio eletrônico e seu site leva cerca de quatro segundos para carregar. E de acordo com vários relatórios, 40% das pessoas podem sair do seu site se demorar mais de três segundos para carregar.

Então, nesse sentido, se seu site recebe cerca de 1.00.000 de tráfego mensalmente e leva aproximadamente quatro segundos para carregar seu site, então há muitas chances de que até 40.000 pessoas possam abandonar seu site.

E desta forma, você perderá 40% das pessoas e, portanto, também terá um impacto na conversão geral do site. Dessa forma, a velocidade do site é muito importante para aumentar as conversões.

2. Esperamos velocidade e experiência do usuário:

Como já mencionei acima, 40% das pessoas saem do seu site se demorar mais de três segundos para carregar. E quando se trata de mim, sempre saio do site, que demora dois ou mais segundos para carregar.

WTH esperar os dois segundos para carregar o site?

Se eu não posso esperar dois segundos, então não posso esperar que meus leitores permaneçam por tanto tempo.

Existem dois fatores principais envolvidos na boa experiência do usuário:

1. Dar aos visitantes o que eles procuram e
2. Dando a eles rápido.

Aqui estão mais alguns fatores de classificação na nova experiência de página do Google que você pode considerar otimizar em seu site.

E assim que os visitantes ficam confusos e frustrados, isso significa que fizemos algo errado, e não há nada mais frustrado do que um tempo de carregamento lento.

Se você realmente deseja melhorar o desempenho geral do seu site, a velocidade de carregamento do site deve ser sua principal prioridade.

3. A velocidade do site afeta sua classificação no Google:

Por último, mas não menos importante, ele domina o ranking do Google.

O Google já confessou que está se esforçando para tornar toda a web rápida. Eles estão na missão de tornar o site super rápido, mais confiável e útil.

Não é possível sem uma boa velocidade de carregamento, e eles estão dando prioridade aos sites com velocidade de carregamento rápida. E de acordo com meu conhecimento, eles anunciaram em 2010 que estão dando um pouco mais de preferência a sites com velocidade de carregamento rápida.

E de acordo com um relatório da SERoundtable, se o seu site demorar mais de 2 segundos para carregar o conteúdo, o Google poderá limitar o número de rastreadores que ele envia ao seu site.

Se for um caso com seu site, é menos provável que o Google prefira e busque sua postagem de blog mais recente ou observe qualquer atualização recente. E certamente prejudicará seu site.

Portanto, a velocidade é importante, afeta a conversão do seu site; isso afeta a experiência do usuário e também afeta a classificação do mecanismo de pesquisa.

A partir de agora, tenho certeza de que você aprendeu o quão importante é um site de carregamento rápido.

E agora, antes de passarmos para técnicas específicas para ajudá-lo a otimizar a velocidade geral de seu site, vamos analisar as ferramentas que o ajudarão a analisar a velocidade de suas páginas da web.

Ferramentas de teste de velocidade do site

Ok, então a otimização da velocidade do site é importante! Agora, como você sabe onde você está?

Ou seja, seu site é lento? Está no meio, ou é rápido como um relâmpago (parabéns então, você provavelmente pode parar de ler!).

A única maneira de saber é testando seu site. Existem muitos sites para medir a velocidade do nosso site, mas aqui neste guia, compartilharei apenas algumas ferramentas que pessoalmente prefiro usar.

1. GTmetrix

GTmetrix é uma das melhores ferramentas para verificar o desempenho do site. Esta ferramenta é uma boa opção para usuários casuais e desenvolvedores.

GTmetrix oferece um design amigável com várias otimizações úteis e detalhadas. Para utilizar esta ferramenta, basta colocar um link do site e clicar no botão “ Analisar” .

Quando você clica no botão “ Analisar ”, levará alguns segundos ou às vezes um minuto para cuspir de volta com uma análise detalhada do seu site.

E se você se aprofundar no resultado do GTmetrix e expandir a seção “ recomendação” , ele mostrará recomendações específicas para o seu site. Você também pode clicar em "O que isso significa?" para saber mais sobre esses erros e otimizações.

Além das ' recomendações' , também mostra o tempo de busca de DNS de cada arquivo externo e interno que seu site usa. Se você é um desenvolvedor ou possui habilidades técnicas, isso o ajudará a otimizar ainda mais seu site.

2. Pingdom

Pingdom é outra ferramenta mais eficiente e ótima para otimização de velocidade do WordPress. Se você é iniciante ou desenvolvedor, esta ferramenta irá ajudá-lo a testar seu site com eficiência e te auxiliará com as recomendações para otimizar seu site.

Para usar esta ferramenta, insira o endereço do seu site e selecione o “ local de teste”. Depois de escolher o local do teste, clique no botão “ Iniciar teste” e ele começará a analisar a página.

E semelhante ao GTmetrix, se você se aprofundar, ele mostra várias recomendações para otimizar seu site. E mais abaixo, você pode encontrar informações sobre solicitações específicas em seu site e análise em cascata.

Esta ferramenta é realmente útil para improvisar a velocidade do seu site – mas requer algum conhecimento avançado para se beneficiar. Você também pode ler um post sobre análise em cascata do KeyCDN para saber mais sobre isso.

3. Google PageSpeed ​​Insights

Outra melhor ferramenta para testar seu site é o PageSpeed ​​Insight do Google. Esta ferramenta apenas fornece sugestões através das quais você pode otimizar seu site, mas não compartilha o resultado do teste de velocidade do seu site.

Isso mudou, no entanto. Agora, o Google compartilhará o tempo de carregamento da página para First Contentful Paint (FCP) e DOM Content Loaded (DCL) . Você pode saber mais sobre essas métricas de velocidade na página oficial do desenvolvedor do Google aqui.

Se você tem uma pontuação de velocidade de página baixa e um tempo de carregamento ruim, este guia é para você! Você pode ler este guia até o final para otimizar adequadamente seu site no Google PageSpeed ​​Insight e em outros sites.

Você também pode verificar nosso outro guia sobre como resolver Flash de texto invisível (FOIT) para otimizar as fontes do seu site.

4. Teste de página da Web

Por último, mas não menos importante, a ferramenta usada para verificar a velocidade do site é o WebPageTest. Esta ferramenta é uma das ferramentas de teste de velocidade do WordPress mais avançadas em termos de profundidade de funcionalidade e os dados que ela fornece.

Ao verificar a velocidade do seu site usando a ferramenta WebPageTest, você pode usar algumas configurações avançadas para analisar seu site. Você pode usar essas configurações avançadas para;

Se você verificar este tweet de John Mueller da Pesquisa do Google, ele também recomenda a ferramenta WebPageTest para verificar a velocidade de carregamento do site.

Se você está confuso com essas opções, eu recomendo que você tente a guia “Teste Simples” . No geral, essa ferramenta é a melhor para testar a velocidade do seu site, e se você for um desenvolvedor, vai te ajudar muito a consertar o seu site.

Até agora, aprendemos a importância de ter um site de carregamento rápido e as ferramentas para verificar a velocidade do site.

Agora, é hora de compartilhar as técnicas para otimizar seu site corretamente.

Aqui neste tutorial, não apenas compartilharei as etapas para usar um plug-in de cache para otimizar CSS, JS, HTML ou usar CDN como outros fazem, mas também compartilharei a maneira mais acessível pela qual você pode fazer essas otimizações corretamente.

Esses métodos são simples e mais simples com exemplos;

Mas antes de prosseguir com esses métodos, recomendo que você primeiro faça um backup do seu site WordPress usando o plugin Updraft Backup, que está disponível gratuitamente no repositório do WordPress.

Depois de fazer o backup do seu site WordPress, podemos continuar otimizando o site.

Então como…

Otimize seu site

Agora, a espera acabou!

Aqui estou compartilhando os métodos que sempre uso no meu site para otimizá-lo. Você pode seguir as mesmas técnicas para otimizar seu blog, micro-nicho e também sua loja de comércio eletrônico.

1. Escolhendo uma hospedagem de sites rápida e confiável

Portanto, o primeiro passo é escolher um provedor de hospedagem web confiável e rápido.

Como já mencionei, quando as pessoas me pedem para otimizar seu site, percebo que eles estavam usando planos de hospedagem compartilhada baratos em seu site, e usar um plano de hospedagem barato nunca pode tornar um site rápido.

Portanto, se você estiver usando qualquer plano de hospedagem compartilhada barato, definitivamente recomendo que você primeiro mude do seu provedor de hospedagem na web atual para qualquer provedor confiável.

Se você me pedir uma plataforma de hospedagem na web rápida e melhor, sempre recomendarei a DigitalOcean – mas requer algumas habilidades técnicas para gerenciar seu droplet da DigitalOcean. Embora seja fácil e para torná-lo mais conveniente, você pode usar qualquer painel de controle em seu servidor (eu pessoalmente uso o DigitalOcean em todos os meus projetos).

Esses painéis podem incluir ServerPilot, VestaCP e muito mais – mas eu sempre recomendo usar o ServerPilot, pois é um dos painéis de controle mais fáceis para instalar o WordPress (você pode clicar aqui para obter $ 10 de crédito grátis no ServerPilot).

E se você é iniciante e deseja uma hospedagem baseada em cPanel, também pode optar pelo SiteGround. O SiteGround é um dos melhores e mais confiáveis ​​provedores de hospedagem na web para pequenas empresas e sites.

1.1 Hospedagem recomendada

1.2 Hospedagem não recomendada

2. Escolhendo o tema WordPress otimizado

Ao selecionar um tema para o seu site WordPress, é essencial selecionar um tema otimizado para velocidade. Alguns temas bonitos e de aparência impressionante são mal codificados e podem tornar seu site muito lento.

E se você não estiver usando um tema otimizado em seu site, há menos chances de que esses métodos para otimizações de velocidade funcionem para você.

Eu geralmente prefiro usar um tema que tenha uma interface de usuário simples e limpa, em vez de preferir uma animação enorme e chamativa e um tema com layout complexo. Você sempre pode adicionar esses recursos usando um plugin WordPress confiável e de qualidade.

Se você precisar de alguma recomendação de tema, sugiro que prefira temas premium do WordPress do StudioPress, MyThemeShop e GeneratePress. Os temas desses mercados são otimizados e bem codificados para velocidade e SEO. (Eu pessoalmente prefiro usar o tema GeneratePress em meus sites)

Você também pode conferir o Astra, que é outro tema otimizado para velocidade e SEO. Da mesma forma que o GeneratePress, este tema também vem com muitas opções de personalização e é um dos temas mais baixados no repositório do WordPress com mais de 700 mil instalações ativas.

2.1 Temas Recomendados

Até agora, discutimos sobre provedores de hospedagem confiáveis ​​e rápidos e um tema WordPress rápido e confiável.

Essas duas coisas são essenciais para passar para a terceira etapa, que é otimizar seu blog/site usando alguns plugins do WordPress.

3. Otimização usando plugins do WordPress

Portanto, antes de discutirmos sobre como otimizar seu site WordPress usando alguns plugins, presumimos que você já tenha cuidado de duas coisas;

Se você marcar essas duas caixas, poderá prosseguir para a otimização do WordPress usando vários plug-ins e explorar maneiras abrangentes de acelerar a velocidade de carregamento do seu site.

3.1 Otimize seu site com o WP Rocket

Portanto, o primeiro plugin que usamos para otimização de velocidade do WordPress é o WP Rocket.

O WP Rocket é um dos melhores plugins de cache do WordPress, o que ajuda a tornar o carregamento do seu site mais rápido. É uma ferramenta amigável para iniciantes com muita personalização para aumentar o desempenho do seu site em apenas alguns cliques.

O plugin pode ajudá-lo a otimizar;

Então, agora, entendemos o básico do uso deste plugin. Agora mostraremos como otimizar seu site corretamente usando o plug-in de cache WP-Rocket.

Se você estiver usando qualquer outro plugin de cache, dificilmente recomendarei que você mude para o WP-Rocket.

É um dos plugins mais fáceis e melhores para cache, e até mesmo você não precisa mexer nas configurações como faz com outros plugins de cache. Basta um simples clique e você está pronto para começar.

Então…

Como usar o WP-Rocket de forma eficaz?

Você encontrará vários recursos no plug-in WP-Rocket e já se perguntou quais configurações você deve ativar em seu site para torná-lo extremamente rápido?

Depois de instalar e ativar o plugin WP-Rocket em seu site WordPress, vá para “ Configurações ” > “ WP Rocket ” para abrir a página de configuração.

Agora, clique nas configurações de “ Cache ” para definir o cache do site usando o plug-in WP-Rocket. (Mostrará algo assim)

Antes de tudo, você deve habilitar o “ Mobile Cache, ” e se você estiver configurando o cache para eCommerce, então habilite as configurações de “ Logged-In User Cache ”.

E, em seguida, defina o “ Cache Lifespan ” para “ 10 horas ”.

Assim que terminarmos as configurações de cache, passaremos para a “ Otimização de arquivos ” de onde podemos minificar HTML, CSS, JS, Adiar JS e Combinar CSS e JS.

Essas configurações são uma das configurações mais importantes do WP-Rocket. Também ajudará você a diminuir a solicitação HTTP combinando CSS e JS do seu site.

Ao clicar na parte “ File Optimization ”, você terá várias opções para reduzir HTML, CSS, JS e combiná-los em menos arquivos.

E nas “ Configurações básicas”, marque todas as três opções para “ Reduzir HTML”, “ Combinar arquivos de fontes do Google”, “ Remover strings de consulta”. Isso não afetará seu site – Mas quando você ativar as configurações de “ Arquivos CSS ” e “ Arquivos JS ”, ​​certifique-se de que não quebrará seu site.

Agora, verifique a opção “Minify CSS”, “Combine CSS” e “Optimize CSS Delivery” em CSS Files para minimizar seu CSS e combiná-los em menos arquivos. Ele também corrigirá o problema “ elimina o CSS de bloqueio de renderização ” em seu site.

Da mesma forma, na seção JS Files , clique em “Remove JQuery Migrate”, “Minify JS”, ​​“Combine JavaScript Files”, “Load JavaScript Deferred” e ative o “Safe Mode for JQuery” na seção JS deferred.

Depois de fazer essas configurações em Otimização de arquivos , limpe o cache e verifique se isso não destruirá seu site visitando a página inicial ou qualquer página do seu site.

Após as configurações de otimização de arquivo , você obterá as configurações para gerenciar o carregamento lento e a mídia. Clique na opção Mídia para fazer alterações nas configurações de mídia;

Aqui nesta opção, você terá a opção de habilitar o carregamento lento em imagens e vídeos, e também terá a opção de desabilitar incorporações, emojis e habilitar a compatibilidade WebP.

Sugiro que você ative as configurações do Lazyload para imagens, iframe e vídeos. Você também pode substituir os vídeos do YouTube ou iframes por imagens (confie em mim, isso fará com que seu site seja rápido).

Você também terá a opção de desabilitar emojis e incorporações, a maioria não é útil para nós, e ao desabilitar as incorporações, você salvará os recursos do seu site, então eu recomendo que você habilite essas configurações.

Após as configurações de mídia , você terá a opção de ativar o pré- carregamento em seu site.

Por que o pré-carregamento de dinheiro é essencial para melhorar o desempenho do seu site?

O pré-carregamento garante que seus visitantes obtenham as versões mais rápidas e armazenadas em cache do seu site imediatamente. O WP Rocket cuida disso automaticamente, e sua página inicial e todos os links encontrados nela serão pré-carregados

Depois de fazer as configurações de pré -carregamento, você terá a opção de definir as configurações avançadas. Nas Configurações Avançadas, você pode gerenciar facilmente algumas configurações que podem incluir desabilitar o cache para URL personalizado ou cookies personalizados, User-Agent e limpar o URL desejado.

Depois disso, você terá a opção de gerenciar a otimização de banco de dados e CDN, mas vamos pular essa configuração aqui. E usamos o plug-in WP-Optimize para otimizar o banco de dados com eficiência, e mostraremos como implementar o CDN posteriormente na seção CDN.

E, novamente, após essas configurações, você terá a opção de gerenciar a API do WordPress Heartbeat. Basicamente, o WordPress Heartbeat API fornece uma conexão para transferência de dados em tempo real e sincronização entre o servidor e o navegador.

Ainda não consegue entender as configurações de batimentos cardíacos? Aqui estou compartilhando alguns exemplos em que as configurações de pulsação estão envolvidas;

Se você estiver usando um servidor com poucos recursos, poderá desativá-lo para economizar seus recursos, mas para sites pequenos, isso não é um problema importante.

E agora a última, mas não menos importante configuração no plugin WP-Rocket, são as configurações de complementos . Se você estiver usando o Facebook Pixel e o Google Analytics em seu site, isso ajudará você a armazená-los localmente em seu servidor para otimizar a velocidade do site.

Você pode simplesmente habilitá-lo para melhorar o problema de cache do navegador Leverage em seu site.

Outro ótimo complemento pode incluir a integração do seu site com Cloudflare & Sucuri diretamente do painel WP-rocket. Isso ajudará você a limpar e limpar o cache desses provedores de CDN sempre que você limpar algo em seu site.

Confie em mim; essas são uma das melhores configurações que tornarão seu site muito rápido. Se você deseja que seu site seja carregado rapidamente, sugiro que você ative essas configurações.

A partir de agora, implementamos algumas otimizações usando o plugin WP-Rocket.

Agora vamos usar alguns outros plugins como WP-Optimize para otimização de banco de dados e AssetCleanUp Pro para otimização de velocidade adicional.

3.2 Otimize seu site com o Asset CleanUp Pro

Depois de otimizar seu site usando o WP Rocket e verificar o resultado do GTmetrix & Pingdom, você verá uma melhoria instantânea na velocidade de carregamento da página.

Mas não terminamos aqui, já mencionei acima que temos que otimizar nosso site o máximo que pudermos.

Então agora vamos usar alguns outros plugins como o Asset CleanUp Pro para otimizar ainda mais o nosso site (você também pode usar a versão gratuita do Asset CleanUp para otimização, mas eu sugiro pegar a versão paga).

Este plugin pode ajudá-lo a corrigir o problema do Flash of Invisible Text (FOIT) em seu site, e também bloqueia o acesso ao arquivo XML-RPC e faz muito mais coisas.

Como já otimizamos nosso site com o WP Rocket, a modificação de HTML, CSS e JS e algumas outras configurações estão bloqueadas e não podemos habilitá-las (isso é bom!)

Depois de ativar o modo de teste, agora clique na opção Otimizar CSS e role para baixo até as configurações de Cache Dynamic Loaded CSS e habilite-o.

Feito isso, clique no botão Salvar .

Da mesma forma, na seção Otimizar JS, habilite o Cache Dynamic Loaded JavaScript.

Essas opções ajudarão você a armazenar em cache os valores dinâmicos de CSS e JS. No entanto, você não terá esses problemas no WordPress depois de usar o WP-Rocket.

Depois de fazer essas configurações, clique nas configurações “ Site-Wide Common Unloads ” após a opção “ CDN ”.

Aqui você encontrará algumas opções para desabilitar Emojis , Embeds , Dashicons , Gutenberg CSS Block Library , JQuery Migrate e Comment Reply Site-wide .

Mas se você não estiver usando o ícone Gutenberg, Dashicons em seu blog, poderá desativá-los.

E se você não estiver usando o WordPress como um blog, não quiser que os visitantes deixem comentários, ou você substituiu os comentários padrão do WordPress por uma plataforma de comentários como Disqus ou Facebook, então você também pode desativar o “ Site de resposta de comentários- wide ” nas configurações.

Agora, passaremos para a seção “ Limpeza do código-fonte HTML ” de onde podemos remover elementos não utilizados da seção <head>.

A partir dessas configurações, podemos remover os elementos indesejados das seções <head>.

Não se preocupe!

A remoção desses elementos não afetará seu site.

Eu removi várias opções dessas configurações, incluindo RSS de comentários, Meta Generator Tags, tags de versão do WordPress, API REST e links RSD.

Você pode remover essas configurações do seu site e isso não prejudicará seu site. Você também pode remover o link do feed RSS somente se não o estiver usando.

E se você estiver usando a versão premium do Asset Cleanup Pro , poderá alterar o valor “ Aplicar CSS de exibição de fonte ” de “ Não aplicar ” para “ Trocar”. Isso pode evitar que seu site tenha um flash de problema de texto invisível. Você pode clicar aqui para saber mais sobre esse problema.

Você também pode inserir o URL dos arquivos de fonte locais na seção de pré-carregamento para carregá-lo instantaneamente. Quando pré-carregamos um arquivo de fonte, aumentamos explicitamente a prioridade do recurso.

E após as configurações de otimização de fonte local , você verá uma opção semelhante no “ Google Fonts”. contexto.

Basta selecionar a opção “ swap ” nas configurações de exibição de fonte e também habilitar a pré- conexão . A ativação da opção de pré-conexão indicará e instruirá o navegador a pré-conectar ao Google Fonts enquanto estiver carregando o CSS, economizando tempo de carregamento.

Use plug-ins e ferramentas apenas nas páginas necessárias usando o Asset CleanUp Pro.

A partir de agora, fizemos algumas otimizações usando o Asset CleanUp para melhorar a velocidade de carregamento do site – mas existem alguns recursos mais incríveis disponíveis neste plugin que não conhecemos.

Esses recursos podem incluir o carregamento de plugins em uma postagem específica do site.

Em palavras simples, vamos supor que você está usando o “ Formulário de contato 7 ” (plugin mais popular para criar formulário de contato) em seu site e o usou em uma “ página de contato ” específica em seu site.

Mas o principal problema desse plugin é que ele carrega seu arquivo CSS & JS na seção <head> do seu site e assim, ele aumenta mais duas requisições em todas as páginas (incluindo a página de contato) – mas só precisamos dele para carregar em a página específica, e essa é a página de contato .

Por exemplo; Se você verificar TheVPNCoupon, estou usando o plug-in “Formulário de contato 7” na página de contato e em outras postagens/páginas como “Melhores filmes animados”, não estou usando nenhum formulário de contato - mas ainda carrega o CSS e JS do plugin Contact Form 7 nestas páginas (você pode conferir na imagem abaixo).

Mas como você pode resolver esse problema?

A solução é muito simples, você só precisa publicar o post ou página e depois clicar novamente na opção “ Edit Post/Page ”, e então este plugin carregará todos os arquivos no painel de posts do WordPress.

E, em seguida, descarregue o arquivo CSS e JS específico da opção Asset CleanUp.

Por exemplo; Se estou criando uma página “ Fale Conosco ” no meu site usando o plugin “ Formulário de Contato 7 ”, publicarei a página assim que estiver pronta e, novamente, clicarei na opção “ Editar página ” .

Uma vez que clicamos na página de edição, ela mostrará todos os arquivos que são solicitados ou carregados quando alguém carrega a página de contato.

Agora faremos algumas alterações nas configurações e descarregaremos o CSS e JS do Contact Form 7 de todas as páginas, exceto da página de contato (você pode realizar as mesmas configurações que fizemos na imagem acima).

3.3 Otimizar imagens no site

Como você sabe, a Otimização de Imagem é um dos fatores mais importantes para diminuir a velocidade do seu site. É a principal fonte de lentidão dos sites, por isso sempre temos que compactar nossas imagens antes de carregá-las em seu site.

Mesmo quando você verifica qualquer postagem do nosso blog no TheGuideX,

…as imagens são mais pesadas do que qualquer outra coisa no meu site.

Portanto, a otimização de imagens deve levar às melhorias mais significativas na velocidade do seu site, e isso acontece.

Todos sabemos que as imagens são essenciais para qualquer site, mas o uso de imagens de alta qualidade não é recomendado. Assim, temos que garantir que a imagem que enviamos seja otimizada adequadamente.

Você deve comprimir as imagens de tal forma que não possa diminuir a qualidade geral da sua imagem, mas apenas reduzir o tamanho dela.

Para isso, criei um site sobre Otimização de Imagens, e você pode usar este site para otimizar suas imagens antes de carregá-las no WordPress.

Para otimizar suas imagens corretamente, você deve seguir estes cinco passos;

Use o tipo correto de formato de imagem

Os dois tipos de imagens mais usados ​​na web são JPGs e PNGs.

E eles não são iguais;

Exemplo de imagem JPEG

Detalhes da imagem
Formato de imagem	JPEG
Tamanho da imagem	2.893kb
Tamanho de imagem otimizado	607kb
%age de compactação de imagem	79%
Descrição da imagem	Imagem complexa com muita informação de cor.

Exemplo de imagem PNG

Detalhes da imagem
Formato de imagem	PNG
Tamanho da imagem	716kb
Tamanho de imagem otimizado	173kb
%age de compactação de imagem	75%
Descrição da imagem	Imagem simples com pouca informação de cor

Nos exemplos acima, mostrei uma imagem JPG com 79% de compactação de imagem e uma imagem PNG com nível de compactação semelhante – Mas o tamanho compactado da imagem JPEG é muito maior do que o tamanho original da imagem PNG devido à sua complexidade e um muita informação de cor.

Então, da próxima vez, sempre que você fizer upload de imagens em seu site, verifique se está usando o formato de imagem correto.

3.4 Otimização de banco de dados usando WP-Optimize

A partir de agora, otimizamos nosso site usando WP Rocket e Asset CleanUp, mas se você ainda sentir que seu site demora muito mais para carregar, pode otimizar seu banco de dados e excluir revisões da postagem.

Às vezes, quando atualizamos o conteúdo do nosso site ou quando escrevemos algo no Editor do WordPress, ele salva automaticamente a revisão do post em nosso banco de dados.

Portanto, otimizar o banco de dados é outro processo muito útil e importante para aumentar a velocidade de um site.

Para fazer isso, usaremos um plugin WordPress gratuito chamado “ WP-Optimize”. O plugin é desenvolvido pela Team Updraft, que também desenvolveu um plugin incrível, que eu recomendo para fazer backup do seu site.

Para usar este plugin, basta instalar o plugin “WP-Optimize” do repositório do WordPress.

Uma vez que o plug-in esteja instalado, recomendo fazer um backup do seu banco de dados e depois ir para “ WP-Optimize ” > “ Banco de dados”. E quando você estiver na página do banco de dados, clique em “ Executar todas as otimizações selecionadas ”, e ele começará a otimizar o banco de dados.

Levará alguns minutos para otimizar seu banco de dados e, uma vez feito, ele excluirá todas as revisões de postagem, comentários de spam, comentários pendentes, trackbacks, postagens na lixeira e rascunhos automáticos.

Não se preocupe!

Suas postagens e rascunhos permanecerão seguros. Ele não excluirá nenhuma das suas postagens publicadas ou de rascunho em seu site, mas excluirá apenas as revisões. Então você está seguro.

3.5 Não use esses plugins em seu site

Certos plugins podem deixar seu site mais lento e causar alto uso da CPU. Eu sempre sugiro que você não use plugins pesados ​​em seu site.

Esses plugins podem incluir;

Nesta etapa, usamos alguns plugins do WordPress para otimizar nosso site de forma eficaz e, se você verificar o resultado do GTmetrix & Pingdom do seu site, verá um aumento instantâneo no desempenho.

Mas a otimização de velocidade não se resume a otimizar o site com o uso de alguns plugins ou carregamento rápido do tema WordPress.

Há muito mais coisas a fazer se você quiser aumentar o desempenho geral do seu site. Por exemplo, usando um CDN em seu site e servindo os arquivos, imagens ou dados do servidor mais próximo disponível.

4. Usando uma Rede de Entrega de Conteúdo (CDN)

Antes de explicar como você pode usar um CDN para aumentar o desempenho do seu site, primeiro vamos aprender o que é um CDN e como ele pode ajudar a melhorar o desempenho do site.

Então, o que é uma CDN ou Content Delivery Network?

De acordo com a Akamai, uma CDN (Content Delivery Network) é uma plataforma de servidores altamente distribuída que ajuda a minimizar os atrasos no carregamento do conteúdo da página da web, reduzindo a distância física entre o servidor e o usuário. Isso permite que usuários de todo o mundo visualizem o mesmo conteúdo de alta qualidade sem tempos de carregamento lentos.

Então, como isso pode ajudar a aumentar o desempenho do site?

A resposta é; Sempre que você visita um site, ele faz solicitações ao servidor remoto e esse servidor responde com os dados. A transmissão de dados é feita pela internet pública, e isso causa algum atraso.

E se reduzirmos a distância da sua máquina local ao servidor, certamente diminuirá o tempo de atraso e aumentará o desempenho do site.

Portanto, agora entendemos o uso da CDN em nosso site e como é essencial aumentar o desempenho geral de nosso site.

Agora vamos discutir algumas CDN's para aumentar o desempenho do nosso site;

4.1 Use Cloudflare no site

O primeiro CDN que a maioria das pessoas usa em seu site é o Cloudflare.

A Cloudflare construiu uma ampla rede global de data centers que armazenam conteúdo estático mais próximo dos usuários e fornecem conteúdo dinâmico por meio dos links de backbone privados mais rápidos e confiáveis

Configurar o Cloudflare em seu nome de domínio é muito fácil; você só precisa alterar seus servidores de nomes do host atual para Cloudflare e, em seguida, você pode gerenciar facilmente seu DNS diretamente da Cloudflare.

Quando a Cloudflare estiver ativa em seu nome de domínio, faça login na sua conta Cloudflare e selecione seu site no painel.

Agora, vá para a página SSL/TLS e defina o SSL como Flexível . Você também pode definir as configurações de SSL para Full – Mas antes de definir a configuração de SSL para Full, verifique se o seu site já usa um SSL.

Depois de configurar o SSL em seu site, vá para as configurações do certificado de borda em SSL e ative o “ Sempre usar HTTPS”, “ TLS 1.3 ” e ative o “ Reescrita automática de HTTPS”.

Agora terminamos de configurar o SSL em nosso site usando SSL. Após esta etapa, clique nas configurações de velocidade e clique em Otimização nas configurações de velocidade .

Quando estiver na página Otimização no Speed, ative o Auto Minify para JavaScript, CSS e HTML.

E, em seguida, ative a compactação Brotli em seu site. Brotli é um algoritmo de compactação desenvolvido pelo Google e serve melhor para compactação de texto.

Aqui estão alguns recursos do uso da compactação Brotli em seu site;

Depois de ativar a compactação Brotli em seu site, você pode rolar para baixo até a opção Rocket Loader e habilitá-la. Por padrão, essa configuração está habilitada, mas às vezes esse plugin entra em conflito com o plugin WP Rocket e pode causar problemas.

Agora vamos para as configurações de Cache na Cloudflare e, em seguida, definimos o nível de cache para “ Padrão ” e o TTL do cache do navegador para “ 1 ano ”, respectivamente.

Depois de habilitar essas configurações, role para baixo até Sempre Online e clique para habilitá-lo. Com essas configurações, se de alguma forma seu servidor cair, a Cloudflare servirá as páginas estáticas do seu site a partir do cache.

Você pode saber mais sobre as configurações recomendadas aqui.

Agora, o mais importante é configurar as Regras de Página em nosso blog usando o Cloudflare.

Para fazer isso, abra as configurações de Regras de Página na Cloudflare. Com o plano gratuito da Cloudflare, só podemos criar regras de 3 páginas e, se você quiser criar mais de 3 páginas, terá que comprar mais regras de página da Cloudflare.

Como você pode ver na imagem acima, criei uma regra de 3 páginas no meu site TheGuideX para melhorar seu desempenho. Essas regras de 3 páginas são uma das regras mais importantes que ajudam a otimizar nosso site.

Agora a primeira coisa é clicar no botão Create Page Rule que aparece na cor azul. Depois de clicarmos nele, ele abrirá uma página de onde podemos criar nossa primeira regra de página.

Como você pode ver na imagem acima, no primeiro campo, temos que inserir o URL da página onde devemos aplicar as configurações da Regra de página e, em seguida, temos que escolher as configurações no menu suspenso. Quando terminarmos, clique no botão Salvar e implantar para habilitar essas Regras de página.

Regra de primeira página para Cloudflare

Então a primeira regra é;

• URL : exemplo.com/wp-login.php
• Regra (para selecionar no menu suspenso) : Nível de segurança e selecione Alto ou Estou sob ataque

Exemplo;

Uso desta regra de página

Esta regra de página adiciona uma camada extra de segurança em seu arquivo wp-login.php. Sempre que alguém tentar acessar o login no seu painel do WordPress, ele primeiro verificará a integridade do navegador e impedirá ataques de força bruta em seu site.

Também podemos usar alguns plugins para impedir nosso site de ataques de força bruta, mas esses tipos de plugins precisam de enormes recursos do site e podem tornar seu site mais lento. Portanto, estamos usando o Cloudflare para evitar tentativas maliciosas em nossa página de login.

Regra de segunda página para Cloudflare

A segunda regra é;

• URL : exemplo.com/wp-admin/*
• Regra (para selecionar na lista suspensa) : Desativar desempenho

Exemplo;

Uso desta regra de página

Esta regra de página desativou o desempenho dentro da pasta wp-admin. Desativá-lo desativará o Minification, Rocket Loader, Mirage e Polish no back-end do seu site.

Regra de terceira página para Cloudflare

A terceira regra é;

• URL : example.com/wp-content/*
• Regra 1 : TTL do cache do navegador => um ano
• Regra 2 : Sempre Online => Ativado
• Regra 3 : Nível de cache => Cache de tudo
• Regra 4 : TTL do Edge Cache => um mês

Exemplo;

Uso desta regra de página

A regra da terceira página funciona dentro da pasta wp-content e armazena em cache tudo dentro da pasta wp-content e o TTL de expiração do cache do navegador é o tempo em que a Cloudflare instrui o navegador de um visitante a armazenar em cache um recurso.

Até que o tempo expire, o navegador carrega os recursos do cache local, ajudando a acelerar o site.

E o Edge Cache TTL é uma configuração que controla por quanto tempo os servidores Cloudflare armazenarão um recurso em cache antes de solicitar a nova cópia.

Se você implementou as mesmas configurações em seu site usando o Cloudflare, há muitas chances de que seu site comece a ter um bom desempenho no GTmetrix e em outras ferramentas de teste de velocidade de página.

E até agora, acabamos de compartilhar um CDN para melhorar o desempenho geral do nosso site. Agora compartilharemos mais algumas CDN que podem funcionar junto com a Cloudflare CDN.

4.2 Use o ImageKit para otimização de imagem

Agora vamos usar o ImageKit para otimizar nossas imagens em tempo real. É uma das redes CDN de otimização e transformação de imagens em tempo real que ajuda o site a reduzir o tamanho real das fotos sem realmente afetar a qualidade visual visível da imagem.

Uma das melhores coisas que mais gostei neste CDN é a rápida integração com o aplicativo como o WordPress. Ele oferece preços razoáveis, e achei uma opção muito melhor escolher para uma melhor otimização de imagem.

O ImageKit oferece três tipos de preços para CDN, e você pode escolhê-lo de acordo com os requisitos do seu site (estou usando o Plano Forever Free no meu site).

Depois de escolher o preço e se registrar na plataforma, você deve criar um End Point . Depois de criar o End Point , você obterá o URL da CDN (confira na imagem abaixo)

Como você pode ver, criei um URL de CDN baseado em servidor Web para o nome de domínio TheGuideX . Meu URL CDN é https://ik.imagekit.io/tgx/

Assim que obtivermos o URL do ImageKit, precisamos habilitá-lo em nosso site WordPress. Para fazer isso, temos que abrir a configuração WP Rocket CDN visitando WordPress Admin Panel > Settings > WP Rocket > CDN,

Uma vez que estamos na página do CDN, temos que habilitar o CDN para o nosso site e depois no campo inserir a URL do ImageKit e na configuração “ reservar para” , alterá-lo para imagens.

Depois de fazer isso, o WP Rocket apenas reescreve a URL das imagens do nome https://theguidex.com para https://ik.imagekit.io/tgx. Assim, suas imagens começarão a ser carregadas do URL da CDN em tempo real.

Depois de fazer essas alterações, agora faremos alguns ajustes de otimização no ImageKit para melhores compactações e entrega de imagens.

E para esses ajustes de otimização, novamente fazemos login no ImageKit Dashboard e, em seguida, clicamos nas configurações de imagem.

Quando estiver na página Configurações de imagem , você poderá personalizar as configurações de acordo com suas necessidades.

Aqui, como você pode ver, habilitei o “ Use Best Format for Image Delivery” e também habilitei a qualidade da imagem para 70%.

Se desejar, você também pode ativar as configurações da Economia de dados. Se um usuário do seu site usar o modo de economia de dados em seu navegador, o ImageKit usará métodos diferentes, incluindo redução de qualidade e sem suporte a DPR automático, tornando as imagens mais leves e carregadas mais rapidamente.

E ao lado das configurações de otimização , você terá uma opção de otimização de rede. Nas configurações de otimização de rede, você terá a opção de exibir a qualidade das imagens de acordo com o tipo de rede dos usuários.

Principalmente, as pessoas usam dispositivos 4G. Examine de perto suas análises para saber mais sobre o tipo de rede. Se você descobrir que as pessoas estão usando a rede mais lenta para acessar seu site, poderá definir manualmente a qualidade de entrega da imagem a partir daqui.

Portanto, essas são as configurações mais importantes do ImageKit, mas você pode fazer muito mais configurações na página Configurações de imagem .

Essas configurações podem incluir definir manualmente a altura e a largura da imagem para dispositivos móveis e desktop, salvar uma cópia de suas imagens etc., mas não discutiremos essas configurações nesta postagem e elas não são úteis para nós.

Agora vamos passar para a terceira parte do uso de um CDN em nosso site. E nesta etapa, mostraremos como implementar e usar o Cloudfront em nosso site para JS e CSS.

4.3 Usar o Amazon Cloudfront para JS e CSS

Como você sabe, o Amazon CloudFront é um dos CDN mais populares que você já teve, e os maiores sites do mundo contam com o serviço Amazon CloudFront CDN.

Eles têm 61 servidores implantados em todo o mundo, capazes de transmitir e entregar as imagens dos sites mais rapidamente em locais específicos.

Primeiro, clique em “ Get Started with Amazon Cloudfront” e registre-se em seu site usando seu Amazon ID existente, ou você também pode usar um novo ID de e-mail para se registrar em sua plataforma.

Depois de fazer login na conta Amazon AWS, procure o Cloudfront (você também pode clicar aqui para visitar a página do Cloudfront diretamente) e depois clique em “ Criar distribuição” e selecione a propriedade Web e clique em “ Começar”.

No Nome de domínio de origem, insira seu nome de domínio. Nesse caso, meu nome de domínio é https://theguidex.com, então estou inserindo theguidex.com (sem www ou https).

Ao lado, você deve inserir o caminho de origem , inserir o caminho para a pasta wp-content e selecionar TLSv1 no protocolo SSL e selecionar “ Visualizador de correspondência” no protocolo de origem.

Agora, role para baixo até “ Configurações de distribuição” e selecione “ Usar todos os pontos de presença” na classe de preço e defina as configurações padrão de SSL do CloudFront.

Você também pode definir a Versão HTTP suportada e alterá-la para “HTTP/2, HTTP/1.1, HTTP/1.0”. Depois de fazer essas configurações, clique em “ Criar distribuição”.

Novamente, vá para a página de distribuição do Cloudfront e verifique se sua distribuição está habilitada corretamente (ela será exibida no texto de cor verde na seção de estado).

Uma vez habilitado, clique no ID do seu domínio de origem.

Quando você clicar no ID de distribuição, ele abrirá uma página semelhante à que mostrei na imagem acima. Copie o nome de domínio (mostrado na caixa vermelha) e cole-o na seção CDN do WP Rocket.

Depois de colar o nome de domínio no WP Rocket, selecione o reservado para => “ Javascript/CSS .”

Agora você configurou com sucesso o AWS Cloudfront em seu nome de domínio.

Essas configurações são suficientes para que seu site aumente seu desempenho no Google PageSpeed ​​Insight, GTmetrix e Pingdom. Agora você pode ver um crescimento instantâneo no desempenho do seu site.

Ainda assim, se você não tem certeza de como aumentar a velocidade do seu site, ou precisa de um serviço de otimização de velocidade do site, você pode entrar em contato comigo no e-mail [email protected] .

Até agora, fizemos quase todas as coisas possíveis para otimizar a velocidade do nosso site – Mas se você é um usuário avançado, estou compartilhando mais alguns métodos que ajudarão você a aumentar a velocidade do seu site.

Mas se você é iniciante ou não tem nenhum conhecimento técnico, recomendo que entre em contato com o suporte de hospedagem para gerenciar esse tipo de coisa.

Ajustando o WordPress para velocidade (avançado)

Neste método de otimização de velocidade do WordPress de ajuste fino, estamos compartilhando algumas dicas avançadas que funcionam incrivelmente para otimizar a velocidade do seu site.

1. Use a versão mais recente do PHP

Portanto, o primeiro método para otimizar seu site é usar a versão mais recente do PHP. O PHP 7 mais recente é duas vezes mais rápido que seus antecessores. Esse é um grande aumento de desempenho que seu site deve aproveitar.

Por que usar a versão mais recente do PHP?

Se você não sabe por que usar a versão mais recente do PHP em seu site, aqui está a resposta, o WordPress é escrito principalmente em linguagem PHP, e PHP é uma linguagem do lado do servidor.

Portanto, se você usar a versão mais recente do PHP em seu site, poderá aumentar o desempenho do seu site. A versão mais recente e estável do PHP é a v7.4; Eu até uso esta versão do PHP neste site.

2. Limite de revisões de postagem

Às vezes esquecemos de otimizar nosso banco de dados usando plugins como o WP-Optimize e, como mencionei acima, quando estava escrevendo este post, ele salvou mais de 40 revisões no meu banco de dados.

Às vezes, o salvamento automático de tantas revisões pode diminuir o desempenho do seu site para o pior nível. Você pode facilmente limitar o número de revisões que o WordPress mantém para cada artigo.

Adicione esta linha de código ao seu arquivo wp-config.php.

 define( 'WP_POST_REVISIONS', 4 );

3. Desabilite Hotlinking e Leeching de seu conteúdo

Às vezes, se criamos conteúdo de qualidade em nosso site, ele é roubado usando RSS e, às vezes, outros sites veiculam suas imagens diretamente de seus URLs em seu site, em vez de carregá-las em seus próprios servidores.

Dessa forma, prejudica seu site porque eles estavam roubando a largura de banda do seu site e você não obtém nenhum benefício com isso.

Então, neste caso, temos que usar o código .htaccess para bloquear o hotlinking de imagens para economizar recursos e largura de banda do seu site. O código é o seguinte;

 #desabilitar hotlinking de imagens com opção de imagem proibida ou personalizada
RewriteEngine ligado
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?theguidex.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
Regra de reescrita \.(jpg|jpeg|png|gif)$ – [NC,F,L] 

Nota: Não se esqueça de alterar theguidex.com com seu próprio nome de domínio.

Você também pode desativar o feed RSS se não estiver usando-o em seu site.

4. Use o firewall do site no nível do DNS

Outro fator mais importante para a otimização de velocidade é usar um firewall de site no nível DNS. Se você se lembrou, criei uma regra de página da Cloudflare em theguidex.com/wp-login.php para aumentar a segurança da minha página de login.

Bem, também estou usando a versão premium do Wordfence no meu site, é um plugin fantástico, e ajuda a bloquear ameaças, ataques de força bruta em tempo real, mas sem dúvidas; é um plugin pesado e consome muitos recursos do meu site para combater as ameaças.

E para evitar o alto uso de recursos da CPU, estou usando firewalls de site de nível DNS no meu site. Portanto, certifique-se de usar firewalls no nível do DNS para melhorar o desempenho do seu site e interromper as ameaças no nível do DNS.

5. Reduza as chamadas do banco de dados

Esta etapa é um pouco mais complexa e requer conhecimento técnico para reduzir as chamadas de banco de dados do seu tema. Existem muitos temas mal codificados que não seguem as diretrizes do WordPress e fazem muitas chamadas desnecessárias para um banco de dados.

Esses temas podem diminuir a velocidade do seu site e reduzi-lo, diminuir as chamadas do banco de dados e aumentar o desempenho geral do seu site.

Mesmo alguns dos temas codificados e bem otimizados fazem chamadas desnecessárias ao banco de dados para obter informações básicas do banco de dados. Portanto, crie um tema filho e adicione estaticamente essas informações básicas para reduzir o número de chamadas de banco de dados.

6. Divida os comentários em páginas

Se você está recebendo muitos comentários em seu blog, antes de tudo, parabéns! Isso é um grande sinal de construção de um grande público.

Mas a desvantagem é que carregar uma postagem com todos os comentários pode diminuir a velocidade.

Nesse caso, você pode dividir os comentários em páginas diferentes para improvisar ainda mais a velocidade de suas páginas da web. O processo é fácil, basta acessar Configurações » Discussão e marcar a caixa ao lado da opção “ Quebrar comentários nas páginas ”.

7. Verificando a compactação GZIP

A compressão GZIP é outro fator crucial para aumentar a velocidade de um site. Se você estiver usando o plugin wp rocket em seu site, ele o habilitará automaticamente para você.

A compactação GZIP é habilitada no lado do servidor e ajuda a compactar o tamanho dos arquivos HTML, JS e CSS. Não funcionará em imagens, pois elas já estão compactadas de maneira diferente.

Você pode usar algumas ferramentas como Check GZIP Compression para verificar se o seu site usa GZIP ou não.

Se o seu site não estiver usando GZIP, você pode usar este código em seu arquivo .htaccess para habilitar o GZIP em seu site – mas certifique-se de estar usando um servidor apache em seu site antes de usar este código.

 # Comprimir HTML, CSS, JavaScript, Texto, XML e fontes
  AddOutputFilterByType DEFLATE aplicativo/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE fonte/opentype
  AddOutputFilterByType DEFLATE fonte/otf
  AddOutputFilterByType DEFLATE fonte/ttf
  AddOutputFilterByType DEFLATE imagem/svg+xml
  AddOutputFilterByType DEFLATE imagem/ícone x
  AddOutputFilterByType DEFLATE texto/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE texto/javascript
  AddOutputFilterByType DEFLATE texto/simples
  AddOutputFilterByType DEFLATE text/xml

  # Remova os bugs do navegador (necessário apenas para navegadores realmente antigos)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] sem gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Anexo de cabeçalho Variar User-Agent

8. Use a pré-busca

A pré-busca de recursos é outra ótima técnica de otimização para aumentar o desempenho do seu site. Podemos usá-lo para informar ao navegador quais ativos o usuário pode precisar no futuro, antes mesmo de precisar deles.

Como desenvolvedor, conhecemos os aplicativos melhor do que o navegador. Portanto, usamos essas informações para informar o navegador sobre os recursos principais.

Por exemplo,

 < link rel = " prefetch " href = " image.png " >

9. Reduza o uso de fontes da Web

Às vezes, para tornar um texto cativante, usamos várias fontes da web – Mas a maior desvantagem de usar muitas fontes da web é que aumenta o tempo de renderização da página. Isso também adiciona uma solicitação HTTP extra a recursos externos. E de um modo geral, você deseja manter as solicitações HTTP no mínimo.

Como você pode ver na imagem acima, estou usando apenas quatro fontes da web no meu site, o que realmente preciso. Você também deve ter certeza de que seu blog não está usando toneladas de fontes da Web desnecessárias para diminuir o tempo de renderização de sua página.

Agora é sua vez

Entre as várias maneiras de otimizar seus blogs WordPress, compartilhei algumas técnicas de otimização, que eu pessoalmente uso em meu próprio site para otimização de velocidade. Esses métodos são simples e fáceis de implementar.

E agora é sua hora de investir uma hora para melhorar a velocidade do seu site WordPress.

E confie em mim, uma vez que você otimize seu blog cuidadosamente usando esses métodos, o desempenho de seus sites aumentará e também melhorará o tempo de carregamento geral do site.

Espero que este artigo forneça um esclarecimento claro sobre algumas das maneiras eficientes de aumentar a velocidade do seu blog WordPress e, se você achou este artigo útil, informe-nos na seção de comentários. E se você estiver usando algum outro método para otimizar seu site, avise-me na seção de comentários abaixo.