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

1. Cumplir con 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),
  • interactivity latency (FID – First Contentful Paint),
  • visual stability (CLS – Cumulative Layout Shift).

Con sus 56 millones de visitas móviles anuales y su competitivo entorno de 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 superaba las 600.000, lo que afectaba (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 la carga de las imágenes, se evita que éstas empujen hacia abajo a otros elementos durante la carga.

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

  • El 63% de los usuarios se beneficia de una mayor pintura de contenido por debajo de 2500ms frente al 52% en agosto de 2021
  • El 99% de los visitantes no están expuestos a ningún cambio de diseño acumulado y tienen una experiencia de usuario de calidad, frente al 74% de agosto de 2021
  • Desaparición de páginas lentas en el sitio (mayor pintura de contenido >4s y desplazamiento de diseño acumulado >0,25) frente a 600K en 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 pasos a dar:

General improvement of mobile user experience will be a specific project in the upcoming global revamp of Deezer’s catalog pages.

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