As 17 principais dicas e truques essenciais da Web Vitals que ninguém nunca lhe contará!

Vejo tanta informação ruim sendo postada nas redes sociais por aí sobre esse assunto ainda misterioso, pensei que já era hora de passar um pouco do meu conhecimento com dicas e truques do Core Web Vitals para ajudá-lo a passar os sinais vitais em seu próprio site.

Nota: Tudo o que escrevo neste post pode estar 100% errado, porque a verdade é que ninguém sabe realmente como funcionam os Core Web Vitals – (isso inclui o Google) na maioria das vezes, pois as regras parecem estar sendo feitas na hora ou sempre mudando desde que foi anunciado pela primeira vez.

Lembro-me em maio de 2021, Philip Walton, John Mueller, Annie Sullivan e Elizabeth Sweeny fazendo uma transmissão ao vivo sobre Core Web Vitals e houve confusão entre o grupo. Core Web Vitals era novo, cru e excitante para todos!

Antes do Core Web Vitals – As coisas eram menos complicadas

Houve um tempo não muito tempo atrás, quando os sites eram autorizados a circular livremente pela internet e não se preocupavam com incômodos como experiência e velocidade. Isso tudo mudou literalmente da noite para o dia e agora os proprietários de sites precisavam se preocupar com essa nova coisa do Core Web Vitals.

Blogueiros, inclusive eu, viajavam para lugares como ThemeForest e compravam um tema premium que parecia ótimo, mas secretamente mantinha um bando de plugins inchados e código mal escrito, agora sendo ativamente exposto em fóruns de discussão quando o desempenho estava começando a ser falado pela primeira vez.

Sob crescente pressão, enquanto o Core Web Vitals estava sendo falado como o próximo grande fator de classificação de SEO, todos os temas, plugins, construtores de páginas e até empresas de hospedagem estavam sendo bombardeados com novas perguntas sobre velocidade e desempenho e como isso impactava seus Core Web Vitals.

Todas as empresas estavam lutando para melhorar seu próprio desempenho ou então começariam a perder clientes. Graças ao Core Web Vitals, as coisas mudaram para sempre para os editores de sites em todo o mundo, pois o medo de não passar nesse novo teste de SEO destruiria os rankings de seus sites.

A Jornada: Como eu tropecei pessoalmente nos principais elementos vitais da Web

Assim como todos os outros, eu tinha alguns blogs de hobby que mantinha ativamente e continuava vendo referências sobre como melhorar a velocidade do site. Não me lembro exatamente da cronologia, mas tudo isso começou quando as pessoas estavam testando seus sites no Pingdom e GTmetrix por 'tempo de carregamento' e se gabando de quão rápido seus sites eram.

Embora houvesse plugins de cache gratuitos, esta foi a primeira vez que plugins de cache premium, como WP-Rocket, Swift Performance e, eventualmente, FlyingPress começaram a explodir em crescimento – as pessoas agora estavam dispostas a pagar para tornar seus sites mais rápidos e rapidamente se tornando o norma.

Também havia grupos do Facebook em rápido crescimento, como WP Speed ​​Matters e WordPress Speed ​​Up que encontrei, comunidades de pessoas pulando no navio e curiosas sobre otimização de velocidade do site.

Foi um momento maravilhoso de descoberta, todos estavam tentando coisas novas e mais do que felizes em compartilhar seus resultados.

“Eu compactei as imagens do meu site com o ShortPixel e agora meu site carrega em 1,1 segundos!”

Todos no grupo imediatamente embaralham e experimentam o ShortPixel também.

Havia muita mentalidade de rebanho acontecendo, experimentando todos os novos plugins disponíveis e uma competição profunda com outros membros nesses grupos do Facebook para postar tempos de carregamento mais rápidos.

É assim que me lembro da minha própria experiência, pelo menos quando entrei na briga e os proprietários de sites casuais também estavam encontrando seu caminho para a otimização de sites.

WTF? O surgimento do Google PageSpeed ​​Insights (PSI)

Tudo era uma festa total, todos estavam se divertindo.

Novamente. Não me lembro da linha do tempo exata, mas o Google agora estava falando mais sobre Core Web Vitals e sua própria ferramenta PageSpeed ​​Insights (PSI).

Não me lembro se eu estava usando tanto PSI na época, todo mundo ainda estava testando seus sites com Pingdom e GTmetrix, foi o novo teste móvel PSI que arruinou absolutamente a festa para todos.

As pessoas estavam obtendo geralmente boas pontuações de desktop e bastante orgulhosas disso, agora eles estavam executando seus sites por meio do PageSpeed ​​Insights e suas pontuações em dispositivos móveis estavam no vermelho escuro.

A GTmetrix também lançou sua mais nova atualização para incluir melhor o Core Web Vitals e não apenas uma ferramenta de teste de velocidade do site.

Havia ódio, as pessoas ficaram furiosas – Otimizar seu site agora se tornou muito mais desafiador.

Tornando-se um moderador de grupo do Facebook e conhecendo Ben (Foguete)

Eu estava viciado, estudante curioso de todas as coisas de otimização e louco por velocidade total do site. Eu assisti a vídeos do YouTube, se disponível, pesquisei religiosamente todos os sites de comparação de velocidade disponíveis e fiz anotações o tempo todo.

Meus sites de hobby agora eram laboratórios de ciências ativos, experimentos e resultados de testes que eu compartilhava com as pessoas, eventualmente me pediram para me tornar um moderador do WP Speed ​​Matters e isso gerou uma experiência muito interessante.

Eu tenho uma visão 'nos bastidores' do que realmente acontece nos grupos do Facebook. O bom, o ruim.. e a internet feia..

Havia spammers, havia muitos ataques pessoais e desagradáveis ​​de DM também – mas os outros 90% das pessoas estavam lá para ajudar genuinamente os outros.

Ao longo desse tempo, pude participar e me engajar em conversas animadas com centenas, senão milhares de pessoas que buscavam melhorar seus Core Web Vitals.

Foi também a primeira vez que conheci Ben Gabler (CEO e fundador da Rocket)… onde agora trabalho obviamente enquanto escrevo este post.

Tarde da noite de sexta-feira, enquanto eu provavelmente estava banindo membros do Speed ​​Matters, recebi um DM de Ben falando sobre otimização de velocidade do site.

Para constar, eu já tinha bebido algumas 'cervejas' na frente da tela do meu computador quando nos conectamos, Ben e eu discutimos sobre diferentes empresas de hospedagem, Cloudflare APO (que eu estava usando para meu site de hobby) e quase tudo o mais relacionado ao desempenho do site.

Esse cara sabia muito mais do que eu, indo e voltando sobre o impacto do javascript, CDNs, imagens etc, até que eu literalmente desmaiei por volta das 3 da manhã. Foi assim que conheci Ben...

Iniciando minha própria agência Core Web Vitals

Embora eu tenha permanecido como moderador por alguns meses no WP Speed ​​Matters, também comecei a construir minha própria agência Core Web Vitals com tanto interesse no assunto e todos precisando de ajuda para otimizar seus sites.

Recrutei uma equipe de otimizadores técnicos atrás de mim para ajudar com a carga de trabalho, obtivemos uma pontuação média de 98/98+ PSI em TODOS os sites em que trabalhamos…

… e finalmente estamos nos aproximando agora das 17 Dicas e Truques de Principais Vitais da Web que prometi a você….

Foi então que percebi que não sabia nada sobre Core Web Vitals quando comecei a pesquisar sites de clientes, mas mais ainda a diferença entre as pontuações de dados de laboratório e de campo. Tive que aprender tudo de novo...

Quanto mais eu aumentava meus preços, mais clientes eu tinha. As pessoas estavam dispostas a pagar mais para ter seus sites otimizados adequadamente. Fizemos isso, mas também tornamos as chamadas obrigatórias do Zoom parte do processo para educar meus clientes sobre como o Core Web Vitals funcionava.

Eu também estava enviando cerca de 30% dos meus clientes para Ben and Rocket (como afiliado) porque é mais rápido do que qualquer outra coisa e facilitou muito meu trabalho de otimizar sites de clientes. Eu não posso te dizer como as coisas são ruins quando você está tentando consertar o Core Web Vitals de um cliente quando a hospedagem de seu site é uma porcaria.

Devido à exaustão de gerenciar clientes em todo o mundo 24 horas por dia, 7 dias por semana e minha saúde sofrendo por isso, me aposentei da minha agência, pois não era mais divertido para mim. Eu temia tudo a ver com Core Web Vitals, eu estava totalmente esgotado.

Eu sempre mantive contato próximo com Ben, conversando a cada duas semanas até que eu trouxe a oportunidade de trabalhar com ele e sua equipe. Como Diretor de Marketing da Rocket.net, não poderia estar mais feliz hoje.

Dica 1 do Core Web Vitals – Nada supera a hospedagem rápida do WordPress

Visto centenas de vezes antes, você não pode corrigir hospedagem lenta. Invista alguns dólares em uma boa hospedagem WordPress e isso facilita muito a otimização do Core Web Vitals. Não vou atacar as empresas pelo nome, mas muitas das empresas de hospedagem mais conhecidas são terrivelmente lentas. Você sempre recebe o que você paga.

Dica 2 do Core Web Vitals – Obter 100/100 em seus testes PSI não significa nada

Estou colocando este próximo ao topo porque é um dos maiores problemas desde o primeiro dia com o Core Web Vitals, quando as pessoas ficam obcecadas em obter 100/100 em suas pontuações de PSI para desktop e dispositivos móveis. Lembre-se de que esses são dados de laboratório (testes simulados), há uma chance melhor do que boa de que seu site realmente falhe nos sinais vitais quando usuários reais estiverem interagindo com seu site.

Dica 3 do Core Web Vitals – Sempre se concentre nos 3 grandes – LCP, FID e CLS

Eu vejo isso o tempo todo de novatos tentando eliminar cada coisinha em seus sites e perseguindo essa pontuação 100/100. Você ataca cada bucket LCP, FID e CLS individualmente e passa no Core Web Vitals, para de se preocupar com as pequenas coisas e passa o mesmo tempo construindo seu negócio.

Dica # 4 do Core Web Vitals – Por que vejo grandes pontuações de sites nos anos 60 e passo Vitals?

Já administrou um grande site por meio do PageSpeed ​​Insights (PSI) e os viu pontuar nos anos 60 ou até menos? Você está olhando para os dados do laboratório novamente, confira o Resumo da Origem e você encontrará muitos deles na realidade passando por Core Web Vitals no desktop e no celular. Lembre-se da minha dica acima que as pontuações 100/100 não significam nada, os dados do laboratório não significam nada, eles passaram do 75º percentil em LCP, FID e CLS com engajamento real do usuário em seu site.

Dica 5 do Core Web Vitals – Você provavelmente ignorou o tempo até o primeiro byte (TTFB) – o maior erro de todos os tempos

Se você quer saber o que faz do Rocket a hospedagem WordPress mais rápida do mundo, você não precisa ir além do TTFB – ele se refere ao tempo entre o navegador solicitando uma página e quando ele recebe o primeiro byte de informação do servidor (Mozila). Esse é o documento raiz html que está sendo buscado e o que o cache de página inteira faz por meio da CDN global da Cloudflare Enterprise. Você não pode nem começar a se preocupar com coisas como LCP se seu TTFB estiver alto. Deve ser inferior a 100 ms globalmente.

Experimente seu site agora mesmo no SpeedVitals, dê algumas execuções para aquecer seu cache e CDN. Diga-me que suas médias de TTFB são inferiores a 100ms. Dica, não é…

Dica 6 do Core Web Vitals – Não teste apenas sua página principal, todas as páginas do seu site também contam

Outro erro comum que vejo o tempo todo é que as pessoas testam apenas a página principal do site para Core Web Vitals. Cada página do seu site conta e cada uma deve ser testada individualmente para passar nos pontos vitais (principal, serviço, produto, categorias, postagens). Lembre-se de que você pode acompanhar isso no Google Search Console.

Dica 7 do Core Web Vitals – Comece a otimizar as páginas com mais tráfego do site

Além de testar todas as suas páginas (não apenas a página principal), você precisa começar com as páginas do seu site que recebem mais tráfego, porque é onde todos os usuários reais estão acessando seu site e contam como a maior porcentagem do tráfego total em relação aos seus resultados de dados de campo

Dica 8 do Core Web Vitals – O Google Search Console (GSC) é realmente a única ferramenta que importa quando se trata de verificar os resultados do Core Web Vitals

Não é GTmetrix, não é PSI — Definitivamente, use ferramentas diferentes para ajudar a monitorar seus Core Web Vitals, mas é o que aparece no Google Search Console que informa quais páginas precisam ser abordadas e a diferença entre Ruim, Precisa melhorar e Bom.

Dica # 9 das Core Web Vitals – Se o Google tem uma área inteira dedicada à experiência (Vitals), no GSC — então as Core Web Vitals estão aqui para ficar.

Para todos os tipos de SEO que dizem que o Core Web Vitals não é grande coisa, saiba que quando o Google dedica uma guia dedicada no GSC para isso, não vai a lugar nenhum. Ignore a otimização do seu site e faça isso por sua conta e risco. Vitais podem não ser o maior fator de SEO de classificação, mas estão lá e só se tornarão mais importantes no futuro.

Dica # 10 do Core Web Vitals – Só porque você passa os pontos vitais agora não significa que você passará no próximo mês

Você finalmente espera 28 dias depois de muito trabalho para otimizar seu site para finalmente passar os Core Web Vitals no GSC, não se surpreenda se isso mudar 28 dias depois. É o seu público, de onde eles vêm, os diferentes dispositivos que eles usam e muitos outros fatores que fazem com que o engajamento real do usuário varie o tempo todo. Continue monitorando as áreas problemáticas e continue atacando LCP, FID e CLS nas páginas afetadas.

Dica 11 do Core Web Vitals – Não é apenas o celular que conta para os Vitals, mas também para as visualizações da área de trabalho

Sempre se assumiu que o Core Web Vitals era apenas para pessoas que visitavam seu site em dispositivos móveis, porque era isso que o Google dizia a todos. Mais tarde, foi anunciado que as pessoas que visitam seu site em um dispositivo desktop agora também contam para Core Web Vitals – certifique-se de otimizar seu site para todos os dispositivos (telefones, tablets e desktop) e concentre-se em dispositivos (por resolução) que tornam a maior porcentagem do seu tráfego.

Dica 12 do Core Web Vitals – Plugins de cache podem fazer mais mal do que bem

Os plugins de cache nunca foram projetados para otimizar totalmente sites complexos, todos eles sofreram uma tremenda pressão para ajudar todos a ver 100/100 em suas pontuações de PSI. Lembre-se de que 100/100 não significa nada, concentre-se em seu LCP, FID e CLS e monitore o GSS para usuários reais que interagem com seu site. Resista ao desejo de pré-carregar tudo e o excesso de otimização muitas vezes prejudicará seu site mais do que ajuda.

Dica 13 dos principais fatores vitais da Web – Atrasar os anúncios é uma otimização preguiçosa/ruim

Para qualquer um que tenha anúncios em execução em seus sites, eles geralmente caem na armadilha de atrasar os anúncios para melhorar suas pontuações no Core Web Vitals. Lembre-se de que é uma visita simulada (dados de laboratório), pessoas reais verão esses anúncios. Você precisa garantir que haja espaço suficiente para que os anúncios sejam exibidos corretamente em seu site para evitar o CLS, mas os anúncios raramente são os culpados quando se trata de coisas como LCP e FID. Nem todas as redes de anúncios são criadas igualmente, há momentos em que você precisa tomar as medidas adequadas para obter a melhor experiência para seus usuários e maximizar sua receita. Os grandes sites de mídia certamente não atrasam os anúncios e ainda passam o Core Web Vitals, você também pode.

Dica 14 do Core Web Vitals – Não se trata apenas de grandes imagens, comece a se preocupar com as fontes também!

Vejo pessoas obcecadas com suas imagens e reduzindo-as para passar no LCP, mas esquecem totalmente que as fontes em seus sites podem ser igualmente importantes. Esqueça as fontes do Google, use fontes seguras para o sistema que já estão carregadas no seu dispositivo. Eu vejo pessoas pré-carregando uma tonelada de fontes (peso, negrito etc.) e desacelerando seu FCP – todos eles têm que carregar antes do resto da página. Eu poderia escrever um post inteiro sobre isso, mas simplifique as fontes usadas em seu site e você verá uma grande melhoria nas pontuações do Core Web Vitals.

Dica 15 do Core Web Vitals – Os visitantes não ficam impressionados com todos os sinos e assobios, concentre-se em uma ótima experiência do usuário

Os proprietários de sites pensam que coisas como controles deslizantes e coisas saltando pela tela impressionarão seus visitantes, na verdade são as primeiras experiências que levam a um abandono rápido. Produza conteúdo de qualidade que envolva seu público, dê a eles motivos para permanecer no seu site por mais tempo. Uma ótima experiência do usuário é o que realmente marca pontos com as pessoas, também são as mesmas considerações que ajudam nas pontuações do Core Web Vitals.

Dica 16 do Core Web Vitals – Considere usar um serviço de monitoramento de usuário real (RUM) para encontrar problemas complicados

Nem todos os problemas do Core Web Vitals são fáceis de detectar, o CLS secundário e outros desafios que ocorrem em páginas individuais geralmente são difíceis de detectar, mesmo no Google Search Console. Existem muitos serviços de monitoramento RUM baratos que você pode usar para medir como cada usuário real está interagindo com seu site.

Dica 17 do Core Web Vitals – Você sabia que o Rocket.net ajuda a otimizar seu site para o Core Web Vitals?

Não podemos prometer milagres o tempo todo, dependendo do seu site, mas a equipe do Rocket tem uma vasta experiência na otimização do seu site para o Core Web Vitals e pode ajudá-lo a chegar onde você precisa estar. Nem todas as empresas de hospedagem farão isso por você.

Nossa equipe de especialistas está de prontidão. A maioria dos proprietários de sites trocou de provedor de hospedagem várias vezes ao longo da história do site. Estamos confiantes de que você não olhará para trás quando mudar para o Rocket.net.

O melhor suporte ao cliente 24 horas por dia, 7 dias por semana, velocidade super rápida, facilidade de uso e acesso às principais ferramentas e recursos líderes do setor sempre devem ser padrão. Estamos revolucionando a maneira como seu site WordPress é servido para o mundo e estamos ansiosos para fazer parceria com você no crescimento de seus negócios.