Srovname.cz: 25 % más conversiones en móviles gracias a la aceleración
Srovname.cz es un comparador de precios checo que ayuda a los usuarios a encontrar las mejores ofertas entre e-commerce.
En 2016, aceleramos el sitio móvil de Srovname.cz, aumentando la tasa de conversión en móviles en un cuarto. No son solo números en informes, sino dinero real en la cuenta.
La velocidad del sitio afecta directamente los ingresos de la empresa. No es solo un truco técnico, sino una necesidad comercial. Un sitio más rápido te traerá más conversiones, PPC más barato, mejores oportunidades en SEO y visitantes más satisfechos.
Ajustes específicos: intervenciones quirúrgicas en lugar de revoluciones
Desglosamos Srovname.cz en componentes y nos enfocamos en las soluciones fáciles. Por ejemplo:
- CSS más ligero: menos archivos, mayor velocidad
Unimos todos los estilos en un solo archivo y lo redujimos. Insertamos CSS crítico (estilos necesarios para mostrar la primera pantalla) directamente en el código HTML de la página. - Procesamiento paralelo gracias a JavaScript asíncrono
El problema era que todo el JavaScript se cargaba secuencialmente y bloqueaba la visualización del contenido. Lo cambiamos a carga asíncrona, por lo que el contenido importante se muestra de inmediato y los scripts menos importantes se cargan en segundo plano. El usuario ve la página al instante, los elementos interactivos se ajustan después. - Gráficos SVG: Iconos vectoriales en lugar de imágenes pixeladas
Convertimos los iconos y componentes principales a SVG y los insertamos directamente en el código HTML. Así, el navegador no tuvo que descargar decenas de pequeñas imágenes por separado.
La colaboración con el equipo de Srovname.cz fue perfecta. Los ajustes se realizaron sin problemas y en tiempo real.
Mide la velocidad de tu web
Prueba de velocidad web te muestra resultados al instante.
Resultados medibles: páginas hasta un 80 % más rápidas
Optimizar sin medir es como disparar a ciegas. Para medir, utilizamos principalmente WebPageTest.org y la métrica Speed Index.
Speed Index (SI) mide la rapidez con la que el contenido de la página se muestra al usuario. Cuanto menor sea el número, más rápida es la carga. Esta métrica era importante en 2016, pero ahora está obsoleta; en su lugar, usamos indicadores de velocidad de carga más modernos como Largest Contentful Paint (LCP).
¿Cómo resultaron las optimizaciones de Srovname.cz?
| Página | Índice de Velocidad antes | Índice de Velocidad después | Mejora |
|---|---|---|---|
| Página de inicio | 6 664 ms | 1 340 ms | 80 % más rápido |
| Lista de productos | 3 654 ms | 2 275 ms | 38 % más rápido |
| Detalle del producto | 4 001 ms | 1 506 ms | 62 % más rápido |
El contenido en móvil comenzó a mostrarse en menos de 1,5 segundos en lugar de los seis segundos originales. Es una diferencia que el usuario nota de inmediato.
Las métricas sintéticas mostraron una mejora dramática. Pero, ¿qué dijeron los usuarios?
Conversiones: donde se muestra el verdadero valor
La tasa de conversión en Srovname.cz muestra cuántas personas desde el comparador hacen clic en el detalle del e-commerce. ¿Cómo cambió después de la optimización?
| Dispositivo | Cambio en la tasa de conversión |
|---|---|
| Escritorio | +1,3 % |
| Tableta | +4,5 % |
| Móvil | +24,8 % |
En móviles, logramos un aumento del 25 % en la tasa de conversión, lo cual es excelente.
Fuente de datos: Google Analytics. Comparación del período del 14/4/2016 al 13/4/2017 con el mismo período del año anterior. Medido en visitas de cientos de miles. En móviles, decenas de miles de visitas.
En el caso de Srovname.cz, tuvimos la ventaja de que se hicieron mínimas modificaciones en el sitio, mostrando el impacto de la velocidad en su forma más pura.
¿Qué sigue? La optimización no es un evento único
La velocidad del sitio no es un objetivo que se alcanza una vez y se olvida. Con el desarrollo de cada sitio, la velocidad tiende a empeorar.
La velocidad debe ser parte de sus procesos empresariales, de lo contrario, está pagando de más.
El equipo de PageSpeed.ONE puede ayudarle con monitoreo automatizado, supervisión de especialistas, capacitaciones o servicios altamente especializados como evaluación del impacto de la velocidad en el negocio.
La optimización de Srovname.cz demostró que la velocidad del sitio no es un juguete técnico, sino una ventaja comercial. Especialmente en móviles: sitio más rápido = más dinero.
Nota: La optimización de Srovname.cz en 2016 fue realizada por Martin Michálek, quien ahora lidera el equipo de PageSpeed.ONE.