Como reduzir o TTFB para melhorar os tempos de carregamento da página do WordPress

Quando se trata da velocidade geral do seu site WordPress, muitas vezes nos concentramos no desempenho do front-end e nas otimizações para melhorar a velocidade de carregamento da página. No entanto, às vezes é bom vê-lo do lado do servidor, onde seu site começa a carregar originalmente. Hoje vamos mergulhar em como o TTFB (tempo para o primeiro byte) afeta você e discutir algumas maneiras fáceis de como reduzi-lo. O TTFB é geralmente um fator de desempenho negligenciado, mas deve ser levado em consideração ao testar a velocidade do seu site.

• O que é TTFB?
• O TTFB é importante?
• Como medir seu TTFB
• 4 maneiras de reduzir o TTFB em seu site WordPress

O que é TTFB?

TTFB significa tempo até o primeiro byte . Simplificando, esta é uma medida de quanto tempo o navegador tem que esperar antes de receber seu primeiro byte de dados do servidor. Quanto mais tempo levar para obter esses dados, mais tempo levará para exibir sua página. Um equívoco comum é que isso é calculado após os tempos de pesquisa de DNS, no entanto, o cálculo original de TTFB na rede sempre inclui a latência da rede . Isso envolve um processo de 3 etapas e atrasos e latência podem ocorrer em qualquer lugar, somando-se ao seu TTFB total.

1. Solicitação ao Servidor

Quando alguém visita seu site, a primeira coisa que acontece é que uma solicitação HTTP é enviada do cliente (navegador) para o servidor. Nesta etapa, há uma variedade de fatores que podem introduzir atrasos. Tempos de pesquisa de DNS lentos podem contribuir para aumentar o tempo da solicitação. Se o servidor estiver localizado geograficamente distante, isso pode introduzir latência na distância que os dados precisam percorrer. Além disso, se você tiver regras de firewall complexas, isso poderá aumentar o tempo de roteamento. E não se esqueça da velocidade de internet do cliente.

2. Processamento do Servidor

Depois que a solicitação foi enviada, o servidor agora precisa processá-la e gerar uma resposta. Isso pode introduzir vários atrasos diferentes, como chamadas lentas de banco de dados, muitos scripts de terceiros, não armazenar em cache sua primeira resposta, código mal otimizado ou tema WordPress e recursos de servidor ineficientes , como E/S de disco ou memória.

3. Resposta ao Cliente

Depois que o servidor processa a solicitação, ele deve enviá-la de volta ao cliente (ou melhor, enviar de volta o primeiro byte). Isso é fortemente afetado pela velocidade da rede do servidor e do cliente . Se o cliente tiver internet lenta de um ponto de acesso Wi-Fi, isso refletirá no TTFB.

O TTFB é importante?

É importante entender que TTFB (tempo para o primeiro byte) não é o mesmo que velocidade do site. Esta é realmente uma medida de capacidade de resposta. Há muitas discussões na web sobre se o TTFB é importante ou não. Alguns dizem que não faz sentido (Cloudflare, LittleBizzy), e outros dizem que é importante (Ilya Grigorik, Web Performance Engineer do Google). Ambos os lados trazem alguns pontos válidos sobre por que ou por que não é importante e também algumas questões sobre como ele é realmente calculado.

A Moz até fez um estudo aprofundado sobre a correlação entre os rankings de busca e o tempo até o primeiro byte. No entanto, é difícil saber se essa foi a causa ou se os sites com TTFB mais baixo também foram simplesmente mais rápidos em geral, o que por sua vez pode ser afetado pelo fator de classificação de velocidade da página do Google.

No entanto, em vez de perder tempo discutindo se isso importa ou não, preferimos nos concentrar nas otimizações que você pode fazer para melhorar essa métrica. Tudo o que você faz pode contribuir para a velocidade geral do seu site WordPress, e isso, por sua vez, afetará seu TTFB. Em nossos sites de testes com TTFB muito maior simplesmente carregam e ficam mais lentos.

Geralmente, qualquer coisa abaixo de 100 ms é ótimo e bom TTFB . O Google PageSpeed ​​Insights recomenda menos de 200 ms para o tempo de resposta do servidor. Se você estiver na faixa de 300-500 ms, isso é bastante normal. E se você tiver mais de 600 ms, pode ter algo configurado incorretamente em seu servidor ou talvez seja hora de atualizar para uma pilha da Web melhor. Ou siga nossas recomendações abaixo sobre como reduzir seu TTFB. E lembre-se de que a negociação SSL/TLS também pode ser um fator.

Como medir seu TTFB

Há uma infinidade de maneiras diferentes de testar seu TTFB. Vamos explorar um casal abaixo. Mas lembre-se, cada ferramenta dará resultados ligeiramente diferentes, por isso é importante simplesmente usar uma e ficar com ela para obter uma linha de base.

Meça o TTFB com o Google Chrome DevTools

Você pode medir o TTFB no Google Chrome iniciando o DevTools. Lembre-se, porém, se você estiver testando em seu computador que o TTFB é afetado pela latência da rede e sua conexão com a Internet. Portanto, provavelmente é mais eficaz usar uma ferramenta de terceiros (como visto mais abaixo), que está testando em um data center.

• Selecione Mais ferramentas > Ferramentas do desenvolvedor no menu do Chrome.
• Clique com o botão direito do mouse em um elemento de página e selecione Inspecionar
• Use os atalhos de teclado Ctrl + Shift + I (Windows) ou Cmd + Opt + I (Mac)

Você pode iniciar a janela de rede e ver o desempenho do seu site.

Meça o TTFB com a ferramenta da Geekflare

Geekflare tem uma coleção incrível de ferramentas gratuitas que você pode usar para testar e solucionar problemas em seu site. A ferramenta TTFB da Geekflare é simples, rápida e permite que você veja quão rápido (baixo) é o seu tempo para o primeiro byte de três locais ao redor do mundo.

Medir TTFB com WebPageTest

Você também pode medir seu TTFB com WebPageTest. De acordo com seu glossário, o tempo alvo é o tempo necessário para as negociações de DNS, socket e SSL + 100ms. Uma nota de uma única letra será deduzida a cada 100ms além da meta. Como você pode ver em nosso teste abaixo, este site mediu 0,256s ou 256 ms TTFB.

Medir TTFB com Pingdom

Chrome e WebPageTest se referem a ele como TTFB. No entanto, se você estiver usando o Pingdom, na verdade, é chamado de tempo de “espera”. Certifique-se de verificar também nosso guia detalhado sobre como usar o Pingdom.

Meça TTFB com GTmetrix

No GTmetrix, assim como no Pingdom, o TTFB é chamado de tempo de espera. Certifique-se também de verificar nosso guia detalhado sobre como usar o GTmetrix.

Meça o TTFB com a ferramenta da KeyCDN

O KeyCDN possui uma ótima ferramenta de teste de desempenho da Web na qual você pode medir seu TTFB de 14 locais diferentes simultaneamente. Como você pode ver abaixo em nosso teste, o TTFB é baixo nos Estados Unidos e muito mais alto no exterior. Isso ocorre porque nosso servidor está localizado fisicamente nos Estados Unidos. Esta é a prova aqui que a latência e a distância jogam no TTFB.

Existem também algumas outras ferramentas para medir TTFB, como a Sucuri Performance Tool e ByteCheck. Você sabia? Até o Google Analytics tem uma seção para ver seu tempo médio de resposta. Basta clicar em “Comportamento > Velocidade do site > Visão geral”.

4 maneiras de reduzir o TTFB em seu site WordPress

Agora vamos mergulhar em algumas maneiras de reduzir o TTFB em seu site WordPress.

1. Utilize um host WordPress rápido

A primeira maneira de reduzir o TTFB é garantir que você esteja usando um host WordPress rápido. Comparamos o TTFB de um host compartilhado de terceiros (localizado em Phoenix, AZ) e o TTFB da Kinsta (localizado em Council Bluffs, Iowa). Utilizamos exatamente a mesma configuração com o tema padrão do Twenty Seventeen em execução. Lembre-se que Kinsta agora tem todos os 29 locais do Google Cloud Platform disponíveis, por isso é importante colocar estrategicamente seu site WordPress mais perto de seus visitantes.

Kinsta também inclui a rede de nível premium do Google Cloud Platform em todos os planos de hospedagem. Muitos outros provedores de hospedagem usam a rede de nível padrão do Google Cloud, o que resulta em velocidades mais lentas.

Host compartilhado TTFB

Em todas as regiões, o TTFB médio foi de 520 ms . Nos Estados Unidos e Canadá, o TTFB médio foi de 240 ms .

Kinsta TTFB

Em todas as regiões, o TTFB médio foi de 412 ms . Nos Estados Unidos e Canadá, o TTFB médio foi de 164 ms . Se você hospeda com Kinsta, também pode optar por hospedar seu site WordPress na Europa ou Ásia. Veja a lista de locais de data centers do Google Cloud.

Então, simplesmente usando um host mais rápido, vimos uma redução de 20% no TTFB globalmente. E uma redução de 32% no TTFB nos Estados Unidos e Canadá. Ter um bom host WordPress com uma arquitetura cuidadosamente pensada é crucial para diminuir seu TTFB. Isso também é um bom argumento para escolher cuidadosamente um local fisicamente localizado em uma região onde seus clientes estão. Se a maioria de seus clientes estiver nos Estados Unidos, não hospede seu servidor na Europa (embora uma CDN possa ajudar a negar parte disso).

2. Implemente um CDN

Outra maneira fácil de diminuir o TTFB é utilizar uma Content Delivery Network (CDN). Se você tem um site que atende visitantes em diferentes partes do país ou ao redor do mundo, isso pode diminuir drasticamente seu TTFB. Como vimos acima, a localização é muito importante. Fizemos um pequeno teste para mostrar a diferença com o KeyCDN como nosso provedor de CDN. Cada teste foi executado 5 vezes e a média foi feita.

TTFB sem CDN

Primeiro fizemos um teste com nosso CDN desabilitado e como você pode ver nosso tempo total de carregamento foi de 1,45 s e nosso TTFB médio em um ativo foi de cerca de 136 ms.

TTFB com CDN

Em seguida, habilitamos nosso CDN e executamos o teste novamente. Como você pode ver, nosso tempo total de carregamento caiu para 788 ms e nosso TTFB médio agora é de 37 ms! Que diferença uma CDN pode fazer. Outra coisa importante a notar é que escolhemos o local de Estocolmo para realizar este teste. Por quê? Porque queríamos mostrar a você a real melhoria que pode ser obtida diminuindo a distância física. Existe um CDN POP localizado em Estocolmo, então nosso conteúdo está sendo veiculado a partir de Estocolmo.

Observação: se você estiver utilizando o Cloudflare, poderá ter um TTFB um pouco mais alto. Isso provavelmente ocorre devido à sobrecarga adicional e à complexidade de ter o serviço de proxy completo em execução. Lembre-se de que a Cloudflare possui firewalls adicionais e outros recursos que alguns provedores de CDN não possuem. Então você precisaria fazer a sua própria mente, o que pode beneficiá-lo mais. Se todo o seu site não estiver otimizado corretamente, levar o hit no TTFB um pouco mais alto pode valer a pena.

No entanto, você também pode conferir o guia do WP Bullet sobre como usar o cache de página da Cloudflare para diminuir o TTFB. Isso pode exigir algumas configurações e testes adicionais. Certifique-se de executar seus próprios testes, pois cada ambiente é diferente.

Leitura sugerida: Como configurar o Cloudflare APO para WordPress.

3. Cache do WordPress

Uma terceira maneira e provavelmente uma das maneiras mais fáceis de diminuir seu TTFB é utilizar o cache em seu site WordPress. Muitos pensam apenas que o cache pode ajudar a diminuir os tempos de carregamento, mas na verdade também ajuda a diminuir o TTFB, pois ajuda a reduzir o tempo de processamento do servidor. Executamos alguns testes novamente com e sem execução de cache. Cada teste foi executado 5 vezes e a média foi feita.

Sem execução de cache

Executamos o site através do Pingdom e, sem a execução do cache, nosso site obteve um tempo de carregamento de 1,17 s e um TTFB de 560 ms.

Com cache ativado

Em seguida, ativamos o cache e executamos o site pelo Pingdom novamente. Desta vez, nosso site obteve um tempo de carregamento de 643 ms e um TTFB de 57 ms.

Então, habilitando o cache, conseguimos reduzir nosso TTFB em 90%! Você pode ler mais sobre o cache do Kinsta. Fazemos isso no nível do servidor, o que significa que não são necessários plugins de cache. Se você não estiver usando um host WordPress gerenciado, recomendamos o uso de um plug-in de cache gratuito, como o Cache Enabler.

4. Use um provedor de DNS premium

E por último, mas não menos importante, o DNS também desempenha um papel no TTFB. É difícil calcular exatamente o quanto isso é afetado, mas você ainda pode ver os tempos gerais de pesquisa de DNS e ver que existem provedores mais rápidos e mais lentos por aí. Fizemos alguns testes com a ferramenta de teste de velocidade SolveDNS. Aqui está um exemplo de um domínio usando o DNS gratuito do NameCheap e os tempos de resposta.

Nome GrátisCheap DNS

E abaixo está um exemplo usando o DNS premium do Amazon Route 53. Como você pode ver em geral, os tempos de pesquisa de DNS são muito mais rápidos com a Amazon. Normalmente, os provedores de DNS premium terão melhores velocidades. O Cloudflare é um gratuito que também possui ótimo desempenho.

DNS do Amazon Route 53

Certifique-se de verificar nosso post sobre por que você deve usar um provedor de DNS premium. Fizemos uma parceria com o Amazon Route 53 aqui na Kinsta e está disponível para todos os clientes gratuitamente.

Resumo

Há uma infinidade de outras coisas que você pode otimizar ou corrigir para reduzir o TTFB, como cache de banco de dados, IO de disco, uso de swap, RAM, configurações de PHP, configurações de MySQL, configurações de rede, sobrecarga de TLS, etc. fácil de implementar e lhe dará o aumento de desempenho mais rápido. Portanto, da próxima vez que alguém perguntar como reduzir seu TTFB, lembre-se de que um host rápido do WordPress, CDN, cache e DNS desempenham um papel importante. Corrigir ou melhorar esses gargalos resolverá o problema.

Qual foi sua experiência com o TTFB? Adoraríamos ouvir sobre isso abaixo.