Caso de estudio: asistencia en el rediseño de Světa svítidel
Debemos admitir que cuando un cliente nos dice que planea un rediseño, siempre nos pone un poco nerviosos.
Somos especialmente cautelosos con clientes como Donoci, cuyo Svět Svítidel está entre los diez e-commerce más rápidos de Chequia.
En este caso, el rediseño fue exitoso y estamos encantados de mostrar cómo logramos un final feliz. Nuestra estudio de caso puede servirte como guía para un rediseño web exitoso.
Svět Svítidel en todo su nuevo esplendor.
Los expertos en web saben que un rediseño conlleva riesgos, como la posible disminución de velocidad, algo que hemos visto muchas veces, incluso cuando el objetivo es mejorarla.
¿Cómo no arruinar el rediseño desde la perspectiva de la velocidad?
Al revisar el proceso de rediseño de Světa svítidel, se pueden derivar varias recomendaciones aplicables a casi todas las grandes remodelaciones de sitios web.
1) La comunicación es clave
El cliente nos informó con suficiente antelación sobre el cambio, lo que nos permitió diseñar un proceso adecuado. Mantuvimos un contacto constante y actuamos proactivamente como asesores de velocidad.
2) Cuidado con los grandes cambios técnicos
El camino al infierno de los sitios lentos está lleno de buenas intenciones de los desarrolladores. A menudo, el intento de acelerar usando frameworks modernos de JavaScript resulta contraproducente. En Svět svítidel, solo se hicieron pequeños ajustes técnicos por parte de los desarrolladores de Programie. Estábamos informados de todos los cambios y pudimos planificar en consecuencia.
3) Sin medición no hay conocimiento
Para clientes con velocidad estable, medimos a largo plazo usando monitoring PLUS solo de forma sintética y con datos CrUX de Google. Sin embargo, ante cambios mayores, realizamos mediciones detalladas de todos los usuarios (RUM), lo que hicimos aquí justo antes del lanzamiento del rediseño, obteniendo datos en tiempo real.
4) Un equipo capacitado lo hace mejor
Como saben, valoramos mucho la Cultura de Rendimiento y la formación de clientes y desarrolladores. Colaboramos con Programie desde hace tiempo y sabemos que su equipo ha aprendido mucho de nosotros y puede mejorar la velocidad por sí mismo. Para otros clientes, recomendamos una breve capacitación del equipo antes de grandes cambios.
5) ¿Tienen plantillas? ¿Podemos verlas?
El primer feedback de los asesores sobre la velocidad llega cuando el cliente tiene plantillas codificadas. Podemos evaluarlas desde el punto de vista del rendimiento frontend y evitar que algunos problemas lleguen a producción. La siguiente fase es la prueba en staging, con todo conectado al backend.
6) Tiempo para elaborar comentarios
La verdadera velocidad del sitio se ve solo después de estar en producción, ya que necesitamos datos de los usuarios. Los clientes a menudo no lo entienden.
Después del rediseño, los equipos suelen estar ocupados y no tienen tiempo para la velocidad. Sin embargo, después del lanzamiento, es cuando más tareas y comentarios llegan de nuestra parte.
En el rediseño de Svět svítidel, esto se tuvo en cuenta y hubo tiempo para ajustar detalles de velocidad. ¡Genial!
Mide la velocidad de tu web
Prueba de velocidad web te muestra resultados al instante.
Todo salió bien, la velocidad mejora
En general, a nivel de dominio, las métricas se mantuvieron en sus valores originales, lo cual es excelente.
Las métricas Core Web Vitals se mantuvieron y algunas incluso mejoraron.
Hay una excepción: la métrica INP comenzó a mejorar. Esto es excelente, ya que además de ser parte de Web Vitals y afectar SEO y PPC en Google, en Svět svítidel sabemos gracias al análisis RUM que esta métrica correlaciona con la tasa de conversión.
Mejora de la métrica INP desde el rediseño de Svět svítidel.
En algunas páginas tipo, la INP mejoró en decenas de porcentajes. SvětSvítidel.cz es uno de los primeros grandes sitios de nuestros clientes que, según Search Console, no tiene URL que requieran atención en términos de INP:
Número cero de URL con métrica INP problemática. Esto es satisfactorio en Google Search Console.
La métrica INP, y otras, se benefició de que gracias a ajustes en JavaScript, el navegador Chrome puede usar más la caché al navegar por el historial, conocido como BFcache.
Cuanto mayor sea la proporción de tipos de navegación instantánea (BFcache, prerender), mejor.
El aumento de vistas de páginas con soporte BFcache se refleja en nuestro nuevo informe sobre Tipos de Navegación.
Agradecimientos
En este proyecto nos alegró que todo fluyera sin mucha intervención ni costos elevados.
Es el resultado de una colaboración a largo plazo, donde todas las partes buscan maximizar la velocidad web.
Agradecemos a nuestros clientes en Donoci (Jakub Rejlek, Tomáš Mikletič, Monika Pilátová, Martin Šimko), en Programie (Petr Rzeplinski, Tomáš Vacho, David Kaleta, Pavel Kramný y otros) y a Zuzana Šumlanská, quien lo gestionó todo.