Significado do TTFB - a métrica mais importante que ninguém pensa para os principais elementos vitais da Web

TTFB. Hora de postar no Facebook? Futebol de pequeninos? Atum e Tomate no Pão de Fibra? Você estava bem quente pensando naquele sanduíche aberto de atum e tomate. TTFB, é claro, “Tempo para o primeiro byte”. Você sabia disso o tempo todo. Nós também, é que o caminhão de comida do Sam 'Wich parou e é hora do almoço aqui.

O que é TTFB e como isso afeta meus sites?

“Time to First Byte” (TTFB ou First Byte Time), é um dos primeiros valores que podem ser medidos no caminho para um site totalmente carregado e representa o tempo de resposta do servidor necessário para as negociações de DNS, socket e SSL ( apertos de mão). Se você está medindo o Google Core Web Vitals do seu site, o TTFB é uma grande coisa.

“Bytes? Apertos de mão? Eu só quero que meu site carregue rápido. Otimizei meu site. Eu tenho os plugins. Eu deveria estar pronto para ir.” Se você não é um Server Techie, muito do que acontece nos bastidores da hospedagem de sites hoje em dia parece que a SpaceX deveria gerenciá-los. Nós entendemos. Mas pense nisso – até a SpaceX usa pára-quedas para reentrada nas cápsulas e isso está de volta ao básico.

Colocar seu site na frente de seu cliente é como receber sua pizza. Relaxando no sofá, assistindo Netflix, você fica com a larica e pede uma torta. Não muito depois, a campainha toca. Fácil, certo? Acontece o tempo todo. Bem, e se sua pizza chegasse duas horas depois que você pediu? E você não está pedindo apenas uma pizza – você está pedindo uma para cada uma das doze ou duas pessoas que estão relaxando com você. Essa é a vida da Agência. Isso é o que significa estar executando uma infinidade de sites.

Os sites de seus clientes precisam não apenas ser encontrados (SEO) e percorridos (UX e UI), mas também precisam ser entregues – no prazo – ao usuário final. Muitas coisas podem retardar esse processo. O tempo de carregamento do site é o primeiro passo nesse processo – e não deve ser uma daquelas coisas que retardam os sites dos seus clientes – ou todos esses clientes – para baixo.

Ainda nas nuvens? Vamos Fazer Backup.

O que os principais elementos vitais da Web do Google têm a ver com a velocidade do site?

O Google começou a falar sobre seus Core Web Vitals em maio de 2020 e os lançou em junho de 2021. Ouvimos muito sobre eles e provavelmente já trabalhamos duro para garantir que nossos sites carreguem rapidamente, sejam relevantes para as necessidades de um usuário e obtenham o verde luz do Google, certo?

Os Core Web Vitals são mais do que apenas sites de carregamento rápido – são sites que entregam. Tudo se resume a UX – ter seus sites carregados rapidamente para que as pessoas possam fazer o que precisam.

Os Core Web Vitals procuram não apenas garantir que suas pizzas sejam entregues assim que você clicar em “fazer pedido”, mas também que elas tenham um ótimo sabor.

O Core Web Vitals do Google mede 3 coisas: utilidade, usabilidade e prazer

• Largest Contentful Paint (LCP) – Tempo de carregamento: garante ao usuário que seus sites são úteis. Isso deve levar menos de 2500 milissegundos. Ele não pode ser carregado até que o servidor faça contato.

• First Input Delay (FID) – Interatividade: garante que seus sites sejam utilizáveis. Isso deve levar menos de 100 milissegundos.

• Mudança de layout cumulativa (CLS) – Movimento do site: garante que seus sites sejam agradáveis. Esta pontuação deve ser inferior a 0,1.

Quer medir seus sites para o Google Core Web Vitals?

Então, qual é a conexão entre TTFB e Core Web Vitals?

Assim como suas pizzas - crosta grossa, extra de queijo, certo? — a entrega não é a história completa. A experiência da pizza é muito mais do que isso. Assim são seus sites para seus usuários finais.

Além do Core Web Vitals, há outro termo que precisa ser considerado separadamente: o Google Web Vitals ou simplesmente chamado de Web Vitals. Os Web Vitals incluem as seguintes métricas, além dos Core Web Vitals mencionados acima:

Primeira pintura de conteúdo (FCP)

FCP é o intervalo de tempo entre o início do carregamento de uma página da Web e o aparecimento do primeiro conteúdo na tela. Esse conteúdo inclui texto, imagens (incluindo imagens de fundo) e todo o conteúdo que torna seu site excelente. 900 milissegundos é uma boa velocidade aqui.

Tempo total de bloqueio (TBT)

O TBT mede o intervalo de tempo entre o First Contentful Paint (FCP) e o Time to Interactive (TTI). Isso pode ser usado, por exemplo, para medir atrasos na reação do navegador. TBT deve ser inferior a 300 milissegundos.

Tempo para Interação (TTI)

O TTI nos informa quanto tempo leva após o início do carregamento de uma página da Web até que os sub-recursos mais importantes (como recursos de terceiros) sejam carregados e a página seja capaz de responder rapidamente à entrada do usuário. 2400 milissegundos é uma boa velocidade.

Interação com a próxima pintura (INP)

O INP é uma nova métrica que visa representar a latência geral de interação de uma página selecionando uma das interações mais longas que ocorrem quando um usuário visita uma página. Para páginas com menos de 50 interações no total, INP é a interação com a pior latência. Para páginas com muitas interações, o INP geralmente é o 98º percentil de latência de interação.

Tempo para o primeiro byte (TTFB)

TTFB indica o tempo decorrido antes que o navegador receba o primeiro byte do conteúdo da página. Quanto mais tempo leva para obter esses dados do servidor, mais tempo leva para exibir sua página da web. O Google recomenda manter o TTFB abaixo de 200 milissegundos. Na Rocket, estamos orgulhosos de que nossa plataforma tenha um TTFB médio global inferior a 100 ms, a menos que determinados locais tenham problemas de rede.

O significado do TTFB é que é a métrica mais importante que ninguém pensa para Core Web Vitals e, na verdade, a métrica mais importante para seus sites. Por quê? Em poucas palavras, as pessoas estão impacientes.

Se seus clientes não estão esperando o carregamento de seus sites, eles estão saindo – e seus clientes os perderam como clientes. Você nem sabe quantos você perdeu ou se eles vão voltar. É simples assim. E há muitos outros locais de entrega de pizza na cidade.

“Quando alguém visita seu site e encontra um atraso, a probabilidade de o visitante desistir e ir para outro lugar para encontrar o que precisa aumenta significativamente. O Google observa que a probabilidade de taxa de rejeição aumenta em cerca de 32% para cada segundo adicional que leva para o seu site carregar. Quando os visitantes saem do seu site, é improvável que retornem, especialmente se encontrarem o que estão procurando em outro site muito mais rápido. ”

Rocket.net

Você pode expandir a importância do TTFB e o tempo de carregamento dos meus sites?

Sabemos que você está pensando em “tempo de entrega de pizza”, mas com certeza! Esta é provavelmente uma atualização para você. Esperamos que nossos sites carreguem rapidamente. Para que isso aconteça, seus sites devem ser leves. Mas há muitas etapas entre o seu servidor e o celular do seu cliente.

Por exemplo, se digitarmos www.yourwebsite.com na barra de URL, as quatro etapas a seguir precisam ser seguidas:

• O navegador se conecta a um servidor DNS (Domain Name Server). Um servidor de nome de domínio converte o nome do host em um endereço IP baseado em número. Por exemplo, seu site se torna 123.456.789.112.

• O navegador estabelece uma conexão com o servidor do seu site. Isso acontece através de várias estações intermediárias, semelhante a um pacote que viaja entre diferentes centros postais antes de chegar ao seu endereço. Espero que essa não seja a sua pizza.

• Se o seu site usa o protocolo SSL seguro (claro que usa! certo?), ocorre o chamado handshake. Cliente e servidor se identificam e a conexão criptografada é estabelecida.

• O servidor envia os dados, que são divididos em pacotes, para o cliente.

Se enviarmos uma pizza para entrega, vários fatores determinam quando ela chega. Estes incluem a velocidade do transportador e o tempo de processamento nos vários centros de distribuição, que por sua vez dependem de determinadas capacidades (pessoal, equipamento técnico, fornos, massa de pizza…). Sem mencionar o motorista ou o quão desordenada é a sua garagem.

Da mesma forma, muitos parâmetros influenciam o Time to First Byte (TTFB).

Velocidade da rede – a latência da rede refere-se ao tempo que leva para um pacote de dados viajar do remetente ao destinatário. Por exemplo, se o usuário estiver navegando em um hotspot WiFi ocupado, geralmente é alto e aumenta o TTFB.

Tempo de resposta do servidor DNS – se o servidor DNS processar a solicitação lentamente, por exemplo, porque está sobrecarregado, a latência também ocorre. Em geral, quanto mais distante o servidor DNS estiver fisicamente localizado, mais tempo levará para fornecer o endereço IP.

Tempo de resposta do servidor – se o cliente estabeleceu uma conexão com o servidor correto, o servidor deve enviar os dados. Capacidades de hardware limitadas (por exemplo, pouca RAM ou CPU insuficiente) retardam esse processo. Além disso, servidores mal configurados com plugins desnecessários e desatualizados, bancos de dados de reação lenta e código sujo também atrasam a transmissão de dados.

Assim como nosso motorista de entrega de pizza, quanto mais passos eles têm que dar, mais coisas ficam em volta da sua garagem, e quanto mais pesadas e quantas pizzas eles têm que carregar, mais devagar eles estão se movendo para a sua porta da frente.

Portanto, a questão sempre foi velocidade versus recursos para sua carteira de clientes. Você não precisa mais escolher. Como você pode empacotar um site WordPress inteiro ou aquela pizzaria WooCommerce em um pacote leve e pequeno o suficiente para ser carregado no bolso do motorista, mas grande o suficiente para alimentar, digamos, WordCamp Europe em Portugal?

Como você pode resolver o problema da experiência de velocidade do site sozinho

Você sabe que a velocidade de seus sites tem um grande impacto em tudo, desde a experiência do usuário até o SEO e até as taxas de conversão. Portanto, uma opção é tentar resolver o problema você mesmo para os sites que você gerencia; é provável que você faça isso da maneira como sempre fez as coisas. Como isso tem funcionado para você?

Se você é uma empresa de entrega de pizza, pode dizer aos seus motoristas para nunca virar à esquerda. Nunca entregue na hora do rush. Aceite apenas pedidos pré-pagos. Muitas agências trabalham com métodos testados e comprovados e nós o saudamos. Sem vocês, nem estaríamos aqui.

Há várias maneiras de tentar melhorar a velocidade de seus sites gerenciados:

• Use uma CDN (rede de entrega de conteúdo)
• Otimizar imagens
• Minimizar arquivos CSS e JavaScript
• Reduza o número de solicitações HTTP, se possível
• Usar o cache HTTP do navegador
• Minimize a inclusão de scripts externos
• Não use redirecionamentos, se possível

Se seus clientes estão usando o WordPress para seus sites, e apostamos que sim, existem maneiras padrão de tornar esses sites mais rápidos no CMS também:

• Escolha um tema eficiente
• Use um construtor de páginas quando necessário
• Limpe o banco de dados
• Otimize o tamanho das imagens
• Usar cache
• Otimize o código do programa
• Não use muitos plugins
• Estenda funções sem usar muitos plugins

Caramba, tudo isso soa como um monte de ajustes! Você provavelmente tem outras coisas para fazer, certo? Na verdade, você faz.

Economize tempo gerenciando o portfólio da sua agência com a plataforma Rocket

Como proprietário de uma agência, você gasta tempo fazendo uma coisa melhor do que ninguém e que é muito mais importante do que otimizar suas imagens. Você atende seus clientes. Você se concentra em fornecer soluções para seus problemas. Você se concentra em deliciá-los. VOCÊ torna a vida deles melhor!

Então o que você pode fazer?

A hospedagem gerenciada do WordPress é uma boa opção para o seu portfólio de clientes, especialmente quando você não precisa gerenciar o host. É rápido e seguro. A hospedagem gerenciada lida com o desempenho e a segurança do seu site enquanto você se concentra nas coisas importantes. Como levar aquela deliciosa pizza de queijo para o seu cliente assim que ele clicar em “pedir agora”.

“ Antes de buscar maneiras de melhorar as métricas, precisamos entender o estado atual de nossos aplicativos e onde estão os gargalos. Saber mensurar as mudanças é o passo mais importante para obter confiança em nossas iniciativas. O problema pode estar em qualquer lugar entre nossa infraestrutura de roteamento para o código do aplicativo!”

Dev.para

A plataforma Rocket dá a sua agência a vantagem

Qualquer negócio de sucesso precisa de uma vantagem competitiva. Algumas pizzarias enchem as bordas com queijo, outras cobrem completamente – o que é estranho porque então não há borda para segurar. Qual é a sua vantagem?

Você aceita Bitcoin? Permitir que as pessoas criem seus próprios tênis online? Vocês oferecem entrega por drone? Tem um site AMP? Na verdade, desde a introdução do Core Web Vitals pelo Google, a importância do formato AMP também diminuirá no futuro.

O Rocket.net também oferece uma vantagem à sua agência. A Cloudflare Edge Network.. Os servidores de borda estão aqui para tornar a Internet mais rápida, o que significa que seus sites carregam mais rápido. O que significa usuários e visitantes satisfeitos. Isso significa que você pede pizza em um local central, mas a pizza é assada e entregue mais próxima de sua localização real.

“Um provedor de CDN colocará servidores em muitos locais, mas alguns dos mais importantes são os pontos de conexão na borda entre diferentes redes. Os servidores de borda CDN armazenam (cache) conteúdo em locais estratégicos para aliviar a carga de um ou mais servidores de origem.”

Cloudflare

Estudo de caso: como a Twodot Marketing usa a plataforma Rocket para reduzir pela metade o tempo de carregamento de seus clientes

Antes do Rocket, a Twodot Marketing hospedava seus sites WordPress em várias empresas de hospedagem; eles simplesmente não conseguiam obter a velocidade e a segurança que procuravam para seus clientes.

“Em uma hora após a inscrição, meu primeiro site migrou e fiquei impressionado. Instantaneamente notei uma ENORME diferença na velocidade da minha página, no tempo para o primeiro byte e na capacidade de resposta geral do site da nossa empresa. 24 horas depois, tivemos todos os nossos clientes ao vivo no Rocket recebendo os mesmos grandes benefícios.”

Josh Etheridge, presidente de marketing da Twodot/estrategista-chefe

Que tal um pouco de queijo extra nessa pizza?

Desde as atualizações do Core Web Vital do Google, é mais importante do que nunca entregar seu conteúdo da forma mais rápida e segura possível. Fácil. Seguro. Velozes. Sim, você pode ter os três. E não apenas genericamente rápido — o mais rápido para cada usuário específico. Esse é o poder do The Edge.

Desenvolvido pela Cloudflare Enterprise, o Rocket.net ajuda seu site WordPress e a loja online WooCommerce a se beneficiarem imediatamente .

• Isso significa que seu site é instantaneamente pré-configurado.
• A velocidade aprimorada do seu site oferece uma melhor classificação de SEO e conversões mais altas.
• E com nossa hospedagem em cache global e à prova de hackers, seu site está sempre aberto para negócios.

Falar é fácil. Deixe o Rocket mostrar a você o que a hospedagem WordPress mais rápida REALMENTE significa!

Economizando o desempenho do site, o tempo e o dinheiro da sua agência? Sim. A Plataforma Rocket possui recursos integrados que eliminam a necessidade de versões pagas de segurança, otimização de imagem, CDN e plug-ins de carregador de conteúdo JS. São recursos integrados à sua nova plataforma favorita (o produto anteriormente conhecido como Managed WordPress Hosting).

Vamos falar sobre como podemos migrar seu site para Rocket.net, a hospedagem WordPress mais rápida disponível em qualquer lugar. Lance sua missão hoje!