Caso de estudio SIKO: 2,5 veces más rápida carga y 7 veces mejor estabilidad del diseño

SIKO es uno de los mayores vendedores de baños y cocinas en Europa Central, con un extenso e-commerce en Chequia, Eslovaquia y Hungría.

La velocidad del sitio es clave para SIKO, pero el nuevo frontend basado en JavaScript mostró problemas significativos con las métricas de experiencia del usuario Core Web Vitals.

Tras el lanzamiento del nuevo sitio en febrero de 2024, la velocidad de carga (LCP) y la estabilidad del diseño (CLS) en móviles empeoraron.

Después del rediseño, trabajamos con el equipo de e-commerce de SIKO para mejorar el rendimiento del nuevo sitio.

¿Cómo fue el proceso de aceleración del sitio de SIKO?

Durante la optimización de la velocidad del sitio de SIKO, seguimos estos pasos:

• El equipo de SIKO involucró a todos los socios clave, incluidos nosotros, en un proceso regular de ajuste de rendimiento.
• Identificamos oportunidades de optimización, las asignamos a los desarrolladores y mantuvimos contacto con ellos.
• Implementamos monitoreo de velocidad complementado con SpeedCurve RUM.
• Informamos al cliente sobre el estado y compartimos know-how.

Mejoras implementadas gracias a la colaboración entre equipos:

• Transición parcial de renderizado del cliente (CSR) a servidor (SSR).
• Mejor configuración de infraestructura (caché de recursos estáticos, imágenes WebP, implementación de Cloudflare, etc.).
• Evitar renderizado duplicado de la imagen principal en el detalle del producto.
• Optimización del diseño de encabezado, filtros y galería en el detalle del producto.
• Optimización continua de desplazamientos no deseados del diseño (CLS).
• Optimización del renderizado de la navegación principal del sitio.
• Cambio en la implementación de lazy loading.
• Ajuste de configuración de imágenes en CMS.
• Ajustes de loaders y skeletons.

El gráfico muestra la diferencia en la velocidad de carga entre la página renderizada por servidor (SSR) y la versión original del cliente (CSR):

Gracias a SSR, la página puede renderizarse mucho antes, sin esperar el procesamiento de JavaScript en el navegador.

Como bono, al inicio de la colaboración corregimos la medición en Google Analytics, que no funcionaba debido a una optimización excesiva de la velocidad.

Impactos de la colaboración

Durante un año de colaboración, gracias a la participación de todas las partes, logramos mejorar significativamente la velocidad de carga clave (LCP) y la estabilidad del diseño (CLS).

Esto no hubiera sido posible sin la excelente colaboración con el equipo de SIKO, que tenía claras sus prioridades y objetivos comerciales.

Martin Lipový sobre nuestra colaboración dice:

«Más que como consultores externos, vemos a los expertos de PageSpeed.ONE como colegas más experimentados en el tema del rendimiento, trabajando en el mismo equipo enfocado en un eCommerce funcional y rápido.»

Martin Lipový, Jefe de Desarrollo de Producto y Online

Mejoramos la velocidad de carga (métrica LCP) en un 62 % interanual y la estabilidad del diseño (CLS) en un 86 %.

No se trata solo de métricas, sino de mejorar la experiencia del usuario:

• Más de 2,5 veces más rápida carga en móviles (LCP).
• 7 veces mejor estabilidad del diseño (CLS).
• Reducción del 2-5 % en la tasa de rebote en diferentes versiones de idioma.
• Aumento del 17 % en impresiones de búsqueda interanual (Fuente: Google Search Console Q1/2024 vs. Q1/2025)

El trabajo en velocidad nunca termina

Después de una intensa colaboración de varios meses, continuamos con ajustes menores. Estamos en contacto regular, supervisamos la velocidad para el cliente y capacitamos al equipo interno de testers como parte de la «cultura de velocidad».

En esta colaboración con el equipo de SIKO, demostramos que incluso una arquitectura fuertemente basada en JavaScript del cliente puede acelerarse significativamente.

Al acelerar el sitio y mejorar Core Web Vitals, SIKO también obtuvo un punto de partida más estable para campañas de marketing y expansión a nuevos mercados. Más optimizaciones nos esperan como parte estándar del desarrollo.