Um estudo de caso que mede o impacto total e os benefícios de altas pontuações de desempenho nas Core Web Vitals.
O RebelMouse é um CMS (sistema de gerenciamento de conteúdo) baseado na nuvem com as ferramentas baseadas em dados e as estratégias de criação que os editores precisam para oferecer a melhor experiência possível para públicos novos e antigos. Impulsionamos propriedades da Web de alto tráfego para empresas de mídia, como Upworthy, Narcity, Raw Story, Brit + Co e The Independent, além de sites de alto valor, como Penske Trucks, Vault12, Gaingels e muitos outros.
Nossa plataforma alcança mais de 100 milhões de pessoas por mês só nos EUA. A empresa foi fundada com base na crença de que a Web aberta precisa funcionar nos mais altos níveis das expectativas do consumidor para prosperar, e os padrões definidos pelas Core Web Vitals do Google estão alinhados com essa visão que prioriza o usuário.
Há mais de uma década, nossa equipe global está desenvolvendo um CMS que cria experiências do usuário positivas e intuitivas que são transformadas em negócios significativos. As Core Web Vitals são uma referência que garante que esse loop simbiótico continue em todos os novos sites que desenvolvemos.
Por que priorizar a performance significa mais negócios
Muitos editores duvidam se uma pontuação excelente nas Core Web Vitals vale o esforço. Eles também se preocupam que mesmo uma experiência de usuário de qualidade não aumente o número de leitores de que eles precisam. Felizmente, nossa priorização de desempenho na RebelMouse nos deu dados para provar que as Core Web Vitals são uma excelente forma de gerar novo tráfego e desenvolver a fidelidade do usuário necessária para ter um negócio bem-sucedido.
Para ilustrar isso, analisamos o comportamento do público-alvo em vários sites que usamos antes e depois da otimização para garantir altas pontuações de desempenho nas Core Web Vitals. Especificamente, definimos tipos de usuários para separar os públicos-alvo nas seguintes categorias principais:
- Novos visitantes:usuários que acessaram um site pela primeira vez.
- Visitantes recorrentes:usuários que tiveram pelo menos duas sessões.
- Visitantes fiéis:usuários que tiveram pelo menos três sessões ou mais.
- Fãs:usuários que tiveram pelo menos quatro sessões ou mais.
- Superfãs:usuários que tiveram pelo menos cinco sessões ou mais.
Referências: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
Os dados de campo, coletados pelo Google Analytics, eram extremamente claros. Ao focar nas categorias de visitantes leais, fãs e superfãs, descobrimos que os usuários têm muito mais chances de ficar mais tempo, consumir mais conteúdo e retornar com mais frequência em sites que recebem marcas excelentes nas Core Web Vitals. Veja alguns exemplos relevantes:
Mas o consumo de conteúdo e o tempo gasto por usuário não foram as únicas métricas a serem atingidas. O número de visitantes e páginas acessadas também aumentou entre as mesmas categorias:
Do normal ao alto desempenho: como o RebelMouse transforma sites
A boa notícia é que o desempenho nas Core Web Vitals é possível com alterações estratégicas e ponderadas feitas na base de código do seu site. Veja algumas maneiras como o RebelMouse impulsiona sites de alto desempenho:
Progressive Web App
O RebelMouse otimiza todas as chamadas de terceiros em um Progressive Web App que entrega o conteúdo mais importante primeiro e depois sequencia o restante das chamadas à medida que o leitor precisa delas.
Temos um método que carrega o JavaScript imediatamente após a conclusão da Maior exibição de conteúdo (LCP). Oferecemos a nossos usuários a opção de carregar JavaScript por meio de três níveis de prioridade diferentes:
- Otimizado é melhor para usuários que querem as abordagens mais recentes. Nós os usamos no nosso próprio trabalho de desenvolvimento. Esse nível de prioridade interrompe o disparo do JavaScript até bem depois que a página for totalmente carregada, o que proporciona a melhor performance.
- O bloqueio de carga é usado para executar o JavaScript imediatamente e costuma ter um impacto negativo nas suas pontuações de desempenho. Esse nível de prioridade dispara o JavaScript imediatamente após a conclusão do carregamento da página. Isso tem o potencial de reduzir suas pontuações de desempenho em 10 a 40 pontos, dependendo da chamada extra.
- Depois da LCP é a melhor opção para combinar ótimas pontuações de desempenho com um carregamento muito rápido. Esse nível de prioridade faz com que o JavaScript seja carregado imediatamente após a conclusão da Maior exibição de conteúdo. Isso é recomendado somente para anúncios, em que a receita aumenta na entrega de anúncios a usuários que ficam na página por mais ou menos cinco segundos.
Otimizar incorporações em redes sociais
Para proteger as pontuações da mudança de layout cumulativa (CLS) e da LCP, todas as incorporações de redes sociais precisam ser definidas como carregamento lento.
Para preservar a CLS, você precisa encontrar dinamicamente o tamanho da incorporação com a tecnologia do lado do servidor e inseri-la em seu próprio armazenamento das propriedades dessa incorporação. Em seguida, a incorporação precisa ser enviada ao seu front-end para evitar que o layout mude após o carregamento. Para quem quiser saber mais sobre esse assunto, temos postagens específicas no Twitter e no TikTok com mais informações.
HTML e CSS ultraleve e inteligente
O HTML e o CSS do site devem ser construídos de forma a permitir a exibição de imagens e texto acima da dobra antes do resto da página.
- Construções de HTML ruins forçam o navegador a processar muitos elementos desnecessários do site que estão abaixo da dobra para renderizar o que está acima da dobra na primeira janela de visualização.
- Confira artigos mais detalhados sobre como fazer isso no RebelMouse:
- Detalhes sobre como melhorar as Core Web Vitals.
- Um guia completo sobre como implementar velocidades de página rápidas e incluir scripts de terceiros.
- Um guia detalhado sobre otimização para LCP.
Publique com uma mentalidade voltada para o desempenho
Desde o lançamento das Core Web Vitals, os desenvolvedores sentiram o impacto da comparação entre as plataformas de publicação e os limites recomendados pelo Google.
No Relatório de tecnologia das Core Web Vitals, o HTTP Archive, um projeto de código aberto que identifica tendências e registra padrões históricos em milhões de URLs, revelou o desempenho dos principais sistemas de gerenciamento de conteúdo em relação aos padrões de experiência na página do Google. O RebelMouse tem um desempenho consistente nas principais plataformas de CMS nas métricas mais importantes do Google desde o lançamento e em 2022:
Performance sem concessões
Criar conteúdo de qualidade agora é apenas metade do caminho para editores e marcas. O conteúdo de qualidade precisa ser apoiado por uma tecnologia moderna capaz de acompanhar a velocidade e os padrões da Web atual. Conseguimos mostrar as Core Web Vitals que geram nota porque o desempenho do site não é apenas uma meta, é um pilar da empresa incorporado à nossa cultura. Usamos nosso foco intenso no desempenho para ajudar nossos clientes a aproveitar ao máximo a Web aberta, aumentando o tráfego e gerando receita sem sacrificar a experiência do usuário.
Para saber como podemos ajudar seu site a superar o padrão do setor nas Core Web Vitals, clique aqui para saber mais sobre o RebelMouse hoje mesmo.