Um estudo de caso que mede o impacto e os benefícios completos de pontuações de alta performance nas Core Web Vitals.
O RebelMouse é um CMS baseado na nuvem com as ferramentas baseadas em dados e a estratégia criativa que os editores precisam para oferecer a melhor experiência possível para públicos novos e antigos. Fornecemos 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 a crença de que a Web aberta precisa ter o melhor desempenho para atender às expectativas do consumidor e prosperar. Os padrões definidos pelos Core Web Vitals do Google estão alinhados a essa visão de priorizar o usuário.
Há mais de uma década, nossa equipe global está desenvolvendo um CMS que cria experiências positivas e intuitivas para os usuários, que se traduzem em negócios significativos. As Core Web Vitals são um referencial que garantem a continuidade desse ciclo simbiótico em todos os novos sites que oferecemos.
Por que priorizar a performance significa melhores negócios
Muitos editores duvidam que as notas excelentes nas Core Web Vitals valham o esforço. Ela também tem medo de que, mesmo com uma experiência de qualidade, o número de leitores não aumente como ela precisa. Felizmente, nossa priorização de desempenho na RebelMouse nos deu os dados para provar que as Core Web Vitals são uma excelente maneira de gerar novo tráfego e criar a fidelidade do usuário necessária para ter sucesso nos negócios.
Para ilustrar isso, analisamos o comportamento do público-alvo de vários sites que hospedamos, antes e depois de otimizar para pontuações de alto desempenho nas Core Web Vitals. Em particular, definimos tipos de usuários para separar os públicos-alvo nas seguintes categorias principais:
- Novos visitantes:usuários que visitaram 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.
- Fãs:usuários que tiveram pelo menos quatro sessões.
- Superfãs:usuários que tiveram pelo menos cinco sessões.
Referências: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
Os dados do campo, coletados pelo Google Analytics, foram extremamente claros. Ao nos concentrarmos nas categorias de visitantes fiéis, fãs e superfãs, descobrimos que os usuários têm muito mais probabilidade de ficar mais tempo, consumir mais conteúdo e retornar com mais frequência em sites que recebem notas excelentes nos Core Web Vitals. Confira alguns exemplos importantes:
Mas a visualização de conteúdo e o tempo gasto por usuário não foram as únicas métricas que aumentaram. O número de usuários que visitaram e de páginas acessadas também aumentou nas mesmas categorias:
De normal para alta performance: como o RebelMouse transforma sites
A boa notícia é que é possível ter um bom desempenho nas Core Web Vitals com mudanças estratégicas e bem pensadas na base de código do seu site. Confira algumas maneiras de usar o RebelMouse para melhorar o desempenho dos sites:
App Web Progressivo
A RebelMouse otimiza todas as chamadas de terceiros em um app da Web progressivo que entrega o conteúdo mais importante primeiro e depois organiza o restante das chamadas conforme o leitor precisa.
Temos um método que carrega JavaScript imediatamente após a conclusão do evento de maior exibição de conteúdo (LCP). Oferecemos aos nossos usuários a opção de carregar JavaScript em três níveis de prioridade diferentes:
- A opção Otimizada é a melhor para usuários que querem as abordagens mais recentes. Nós o usamos no nosso trabalho de desenvolvimento. Esse nível de prioridade pausa a execução do JavaScript até que a página seja totalmente carregada, o que oferece a maior performance.
- O bloqueio de carregamento é usado para executar o JavaScript imediatamente e geralmente tem um impacto negativo nas suas pontuações de performance. Esse nível de prioridade vai acionar o JavaScript imediatamente após o carregamento da página. Isso pode reduzir sua pontuação de desempenho em 10 a 40 pontos, dependendo da chamada extra.
- O Post LCP é a melhor opção para combinar ótimas pontuações de desempenho com uma carga muito rápida. Esse nível de prioridade faz com que o JavaScript seja carregado imediatamente após a conclusão do evento de Maior exibição de conteúdo. Isso é recomendado apenas para anúncios, em que você aumenta a receita ao veicular anúncios para usuários que ficam na página por cerca de cinco segundos.
Otimizar incorporações de mídias sociais
Para proteger as pontuações de LCP e de Shift de layout cumulativo (CLS, na sigla em inglês), todas as incorporações sociais precisam ser definidas como carregamento lento.
Para preservar o CLS, você precisa encontrar dinamicamente o tamanho da incorporação com a tecnologia do lado do servidor e inseri-lo no seu próprio armazenamento das propriedades dessa incorporação. Em seguida, a incorporação precisa ser enviada para o front-end para evitar que o layout mude durante o carregamento. Para quem tem interesse em se aprofundar no assunto, temos postagens específicas sobre exemplos do Twitter e do TikTok com mais detalhes.
HTML e CSS ultraleves e inteligentes
O HTML e o CSS do site precisam ser criados de uma forma que permita o carregamento prévio de imagens e textos acima da dobra antes do restante da página.
- Construções HTML incorretas 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 outros artigos mais detalhados sobre como fazer isso no RebelMouse:
- Uma explicação 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 como otimizar para a LCP.
Priorize a performance ao publicar
Desde o lançamento das Core Web Vitals, os desenvolvedores sentiram o impacto das plataformas de publicação em relação aos limites recomendados do Google.
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 como os principais sistemas de gerenciamento de conteúdo se saem em relação aos padrões de experiência na página do Google no relatório de tecnologia do Core Web Vitals. A RebelMouse superou consistentemente as principais plataformas de CMS nas métricas mais importantes do Google desde o lançamento e em 2022:
Desempenho sem comprometer
Criar conteúdo de qualidade é apenas metade da batalha para editores e marcas. O conteúdo de qualidade precisa ser compatível com uma tecnologia moderna que possa acompanhar a velocidade e os padrões da Web atual. Conseguimos entregar os Core Web Vitals que atendem aos requisitos porque a performance do site não é apenas uma meta, é um pilar da empresa que está integrado à nossa cultura. Nosso foco intenso na performance ajuda 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.
Se você quiser saber como podemos ajudar seu site a superar o padrão do setor nas Core Web Vitals, clique aqui para saber mais sobre a RebelMouse.