Como otimizar o carregamento da página do site da Deezer para melhorar a experiência do usuário e a classificação no Google?

1. Atendendo aos requisitos de tempo de carregamento do Google: o desafio enfrentado pela Deezer

Desde junho de 2021, a experiência do usuário em dispositivos móveis se tornou um dos fatores de classificação em SEO para o Google. Ela é medida no nível da página por três KPIs denominados Core Web Vitals.

São elas:

  • tempo de carregamento visual (LCP - Largest Contentful Paint),
  • latência de interatividade (FID - First Contentful Paint),
  • estabilidade visual (CLS - Turno de Layout Cumulativo).

Com seus 56 milhões de visitas anuais a dispositivos móveis e seu ambiente competitivo de SEO, a Deezer teve que atender às exigências dos mecanismos de busca e dos usuários da Internet. O número de páginas consideradas lentas pelo Google ultrapassou 600.000, o que afeta (consideravelmente) seu posicionamento.

2. A abordagem proposta pelo Artefact para o Deezer

Duas métricas importantes foram aprimoradas:

  • Largest Contentful Paint - carregando a imagem principal das páginas do catálogo (foto do artista ou do álbum) antes de outros recursos da página abaixo da dobra
  • Mudança cumulativa de layout - reservando o espaço necessário para que as imagens sejam carregadas, evitando que elas pressionem outros elementos durante o carregamento

3. Quais foram os resultados para o SEO da Deezer?

  • 63% de usuários se beneficiam de um Largest Contentful Paint abaixo de 2500ms vs 52% em agosto de 2021
  • 99% de visitantes não são expostos a nenhuma mudança cumulativa de layout e têm uma experiência de usuário de qualidade em comparação com 74% em agosto de 2021
  • Desaparecimento de páginas lentas no site (Largest Contentful Paint >4s e Cumulative Layout Shift >0.25) vs 600K em abril de 2022
  • 78% de páginas são consideradas rápidas pelo Google (Largest Contentful Paint <2,5s et Cumulative Layout Shift <0,1) vs 1,3% em abril de 2022

4. Próximas etapas a serem tomadas:

A melhoria geral da experiência do usuário móvel será um projeto específico na próxima reformulação global da plataforma Deezer. páginas do catálogo.

Ela quer aprofundar e melhorar a experiência do usuário no celular.