¿Cómo optimizar la carga de la página web de Deezer para mejorar la UX y la clasificación en Google?

1. Cumplir los requisitos de tiempo de carga de Google: el reto al que se enfrenta Deezer

Desde junio de 2021, la experiencia del usuario en el móvil se ha convertido en uno de los factores de clasificación en SEO para Google. Se mide a nivel de página mediante tres KPI denominados Core Web Vitals.

Estos son:

  • tiempo de carga visual (LCP - Largest Contentful Paint),
  • Latencia de la interactividad (FID - First Contentful Paint),
  • estabilidad visual (CLS - Turno de disposición acumulativo).

Con sus 56 millones de visitas móviles anuales y su competitivo entorno SEO, Deezer tenía que cumplir los requisitos de los motores de búsqueda y de los internautas. El número de páginas consideradas lentas por Google superó las 600.000, lo que afecta (considerablemente) a su posicionamiento.

2. El enfoque propuesto por Artefact para Deezer

Se han mejorado dos métricas principales:

  • Mayor contenido de pintura - cargando la imagen principal de las páginas del catálogo (foto del artista o del álbum) antes que otros recursos de la página por debajo del pliegue
  • Desplazamiento acumulativo del diseño: al reservar el espacio necesario para que se carguen las imágenes, evita que éstas empujen hacia abajo a otros elementos durante la carga.

3. ¿Cuáles fueron los resultados para el SEO de Deezer?

  • 63% de usuarios se benefician de una mayor pintura de contenido por debajo de 2500ms frente a 52% en agosto de 2021
  • 99% de los visitantes no están expuestos a ningún cambio de diseño acumulativo y tienen una experiencia de usuario de calidad frente a 74% en agosto de 2021
  • Desaparición de páginas lentas en el sitio (Mayor Pintado de Contenido >4s y Desplazamiento de Diseño Acumulativo >0.25) vs 600K en Abril 2022
  • 78% de páginas son consideradas rápidas por Google (Largest Contentful Paint <2,5s et Cumulative Layout Shift <0,1) frente a 1,3% en abril de 2022

4. Próximos pasos a dar:

La mejora general de la experiencia del usuario móvil será un proyecto específico en la próxima renovación global de Deezer. páginas del catálogo.

Quiere profundizar y mejorar la experiencia del usuario en el móvil.