Caso de estudio Footshop: 2,5⨉ mejor velocidad de carga en un año y medio de colaboración

Durante la colaboración con PageSpeed.ONE, Footshop aceleró significativamente sus sitios, mejorando la experiencia del usuario.

¿Curioso sobre nuestro proceso y resultados?

Footshop es una marca destacada que no puedes ignorar.

Footshop es un e-commerce de zapatillas y ropa streetwear, operando en Eslovaquia, Hungría, Rumanía y otros países de Europa Central y del Este. Se enfoca en productos premium y limitados, construyendo una fuerte comunidad de seguidores.

Veamos cómo ayudamos a Footshop a acelerar sus sitios.

Primero, identificamos las métricas más importantes para el cliente. Nuestro análisis mostró que eran TTFB (tiempo de respuesta del servidor), CLS (estabilidad del diseño) y LCP (velocidad de carga) de las Core Web Vitals.

Optimizamos las métricas clave

Con una buena analítica y datos de calidad, comenzamos a optimizar. Desde finales de 2023, nos enfocamos en las métricas de velocidad según su prioridad:

• Velocidad de respuesta del backend (TTFB) y velocidad de carga (LCP) – el equipo de Footshop ajustó los servidores, mientras nosotros mejoramos el rendimiento del frontend, por ejemplo, optimizando la transición del renderizado del cliente con caché de Service Worker al renderizado del servidor.
• Aceleración de la respuesta a interacciones (INP) – en marzo de 2024, Google introdujo la métrica INP. La respuesta a interacciones no era ideal, así que trabajamos en el análisis SpeedSprint, resultando en varias mejoras concretas.
• Ajuste de desplazamientos no deseados (CLS) – a finales de 2024, nos enfocamos en ajustar el renderizado de algunos componentes y reducir los valores de la métrica CLS.

Una optimización ejemplar se muestra en la imagen.

Optimización de INP ajustando el rendimiento de la selección de variantes en el detalle del producto.

Resultados de la colaboración: métricas significativamente mejoradas

Estamos satisfechos con los cambios en las métricas y, sobre todo, en la experiencia del usuario.

En aproximadamente un año y medio de colaboración continua, logramos las siguientes mejoras en las métricas:

• Footshop.cz ahora tiene una velocidad de carga (LCP) 2.5⨉ mejor en móviles.
• El valor de la métrica de desplazamientos del diseño (CLS) mejoró más de 8⨉.
• Mejoramos la respuesta a interacciones (y la métrica INP) en un 30 %.

Cambios en las métricas LCP y CLS desde el inicio de la colaboración.

¿Qué dicen en Footshop?

Disfrutamos trabajar con Footshop, no solo por la marca, sino también por la calidad del equipo y su enfoque decidido. Estamos muy contentos de que también valoren nuestra colaboración.

«Una colaboración muy buena que trajo a nuestro pequeño equipo un socio hábil (= el equipo de PageSpeed.ONE). No solo aportaron conocimiento, sino también consejos concretos para mejoras que se pueden implementar por partes, pero con un gran efecto final.»

Jiří Hykel, desarrollador frontend

Daniel Urban, CIO de Footshop, añade:

«Valoro la rápida orientación en el rendimiento web y la comunicación clara incluso para personas no técnicas en la colaboración con PageSpeed.ONE. El mayor beneficio es el conocimiento único. Difícilmente lo habríamos logrado por nuestra cuenta.»

Daniel Urban, CIO de Footshop

Una colaboración exitosa en la optimización web siempre requiere ciertas condiciones cumplidas por ambas partes. Resumamos:

1. El cliente considera la velocidad como una parte crucial de la experiencia del usuario y está dispuesto a invertir, sabiendo que la inversión se recuperará.
2. Hay una medición de calidad configurada y tenemos suficientes datos. (Aquí nuestro monitoreo y SpeedCurve RUM)
3. Nuestros consultores pueden comunicarse activamente con el equipo, y las mejoras propuestas tienen prioridad en los planes de desarrollo.
4. La colaboración no es única, sino continua, evitando así el deterioro y educando al equipo del cliente de manera continua.

¡Gracias a Footshop por la fructífera colaboración hasta ahora y esperamos continuarla!