Como otimizar o carregamento da página do site do Deezer para melhorar a classificação UX e Google?

1. Satisfazer as exigências de tempo de carga do Google: o desafio enfrentado por Deezer

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

Estes são:

  • tempo de carga visual (LCP - Largest Contentful Paint),
  • latência de interatividade (FID - First Contentful Paint),
  • estabilidade visual(CLS - Cumulative Layout Shift).

Com seus 56 milhões de visitas móveis anuais e seu competitivo ambiente SEO, 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 (consideravelmente) afeta seu posicionamento.

2. A abordagem proposta por Artefact para Deezer

Duas grandes métricas foram melhoradas:

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

3. Quais foram os resultados para a SEO do Deezer?

  • 63% dos usuários se beneficiam de uma Tinta de Maior Conteúdo com menos de 2500ms contra 52% em agosto de 2021
  • 99% dos visitantes não são expostos a nenhum deslocamento cumulativo de layout e têm uma experiência de usuário de qualidade contra 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% of pages are considered fast by Google (Largest Contentful Paint <2,5s  et Cumulative Layout Shift <0,1) vs 1,3% in April 2022

4. Próximos passos a serem dados:

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

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