Wie kann man das Laden der Deezer-Website optimieren, um UX und Google-Ranking zu verbessern?

1. Die Anforderungen von Google an die Ladezeit erfüllen: die Herausforderung für Deezer

Seit Juni 2021 ist die Nutzererfahrung auf mobilen Geräten einer der Ranking-Faktoren bei der Suchmaschinenoptimierung von Google. Sie wird auf Seitenebene durch drei KPIs gemessen, die Core Web Vitals genannt werden.

Diese sind:

  • visuelle Ladezeit (LCP - Largest Contentful Paint),
  • Interaktivitätslatenz (FID - First Contentful Paint),
  • visuelle Stabilität(CLS - Cumulative Layout Shift).

Mit seinen 56 Millionen jährlichen mobilen Zugriffen und seinem wettbewerbsfähigen SEO-Umfeld musste Deezer die Anforderungen von Suchmaschinen und Internetnutzern erfüllen. Die Anzahl der Seiten, die von Google als langsam eingestuft werden, überstieg 600.000, was die Positionierung (erheblich) beeinträchtigt.

2. Der von Artefact vorgeschlagene Ansatz für Deezer

Zwei wichtige Metriken wurden verbessert:

  • Größtes inhaltsreiches Bild - durch Laden des Hauptbildes von Katalogseiten (Künstler- oder Albumfoto) vor anderen Seitenressourcen unterhalb des Falzes
  • Kumulative Layout-Verschiebung - durch Reservierung des erforderlichen Platzes für die zu ladenden Bilder, damit diese beim Laden nicht andere Elemente verdrängen

3. Was waren die Ergebnisse für die SEO von Deezer?

  • 63% der Nutzer profitieren von einem Largest Contentful Paint unter 2500ms gegenüber 52% im August 2021
  • 99 % der Besucher sind keiner kumulativen Layout-Verschiebung ausgesetzt und haben ein qualitativ hochwertiges Nutzererlebnis gegenüber 74 % im August 2021
  • Verschwinden von langsamen Seiten auf der Website (größte inhaltliche Änderung >4s und kumulative Layout-Verschiebung >0,25) gegenüber 600K im April 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. Die nächsten Schritte sind zu unternehmen:

Die allgemeine Verbesserung der mobilen Nutzererfahrung wird ein spezielles Projekt im Rahmen der bevorstehenden globalen Überarbeitung der Katalogseiten von Deezer sein.

Sie will das Nutzererlebnis auf dem Handy vertiefen und verbessern.