Hoe het laden van Deezer-website optimaliseren om UX en Google-ranking te verbeteren?

1. Voldoen aan de laadtijdvereisten van Google: de uitdaging voor Deezer

Sinds juni 2021 is gebruikerservaring op mobiel een van de rankingfactoren in SEO voor Google geworden. Het wordt op paginaniveau gemeten door drie KPI's met de naam Core Web Vitals.

Dit zijn:

  • visuele laadtijd (LCP - Largest Contentful Paint),
  • interactiviteit latentie (FID - First Contentful Paint),
  • visuele stabiliteit (CLS - Cumulatieve Lay-out Verschuiving).

Met zijn 56 miljoen jaarlijkse mobiele bezoeken en de competitieve SEO-omgeving moest Deezer voldoen aan de eisen van zoekmachines en internetgebruikers. Het aantal pagina's dat door Google als traag wordt beschouwd, bedroeg meer dan 600.000, wat de positionering (aanzienlijk) beïnvloedt.

2. De aanpak voorgesteld door Artefact voor Deezer

Twee belangrijke statistieken zijn verbeterd:

  • Grootste Contentful Paint - door de hoofdafbeelding van cataloguspagina's te laden (artiest- of albumfoto) vóór andere paginabronnen onder de vouw
  • Cumulatieve verschuiving van de lay-out - door de benodigde ruimte voor het laden van afbeeldingen te reserveren, zodat ze andere elementen niet onderdrukken tijdens het laden

3. Wat waren de resultaten voor de SEO van Deezer?

  • 63% gebruikers profiteren van een Largest Contentful Paint onder 2500ms vs 52% in augustus 2021
  • 99% van de bezoekers wordt niet blootgesteld aan een Cumulatieve Lay-out Verschuiving en heeft een kwalitatief goede gebruikerservaring vs 74% in augustus 2021
  • Verdwijnen van trage pagina's op de site (Grootste inhoudsverf >4s en cumulatieve verschuiving van de lay-out >0,25) vs 600K in april 2022
  • 78% van de pagina's worden door Google als snel beschouwd (Largest Contentful Paint <2,5s et Cumulative Layout Shift <0,1) vs 1,3% in april 2022

4. Volgende te nemen stappen:

Algemene verbetering van de mobiele gebruikerservaring zal een specifiek project zijn in de aankomende wereldwijde vernieuwing van Deezer's cataloguspagina's.

Het wil de gebruikerservaring op mobiel verdiepen en verbeteren.