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 Benutzerfreundlichkeit auf Mobilgeräten einer der Ranking-Faktoren für die Suchmaschinenoptimierung bei Google. Sie wird auf Seitenebene durch drei KPIs namens Core Web Vitals gemessen.

Diese sind:

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

Mit seinen 56 Millionen jährlichen mobilen Zugriffen und seinem wettbewerbsintensiven 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 wird verhindert, dass diese beim Laden 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 Layoutverschiebung ausgesetzt und haben ein qualitativ hochwertiges Benutzererlebnis gegenüber 74% im August 2021
  • Verschwinden von langsamen Seiten auf der Website (Größter inhaltlicher Anstrich >4s und kumulative Layoutverschiebung >0,25) gegenüber 600K im April 2022
  • 78% der Seiten werden von Google als schnell angesehen (Largest Contentful Paint <2,5s und Cumulative Layout Shift <0,1) gegenüber 1,3% im April 2022

4. Die nächsten Schritte, die zu unternehmen sind:

Die allgemeine Verbesserung der mobilen Benutzererfahrung wird ein spezielles Projekt im Rahmen der bevorstehenden globalen Überarbeitung von Deezers Katalogseiten.

Es will das Benutzererlebnis auf dem Handy vertiefen und verbessern.