Informe de casos reales de WPO (velocidad de carga)
Como siempre digo en mi blog, el WPO ha venido para quedarse y ahora forma parte tanto del SEOonPage como de la experiencia de usuario (UX).
Pese a esto, el WPO sigue siendo bastante “abstracto” para mucha gente y necesitan ver datos y ejemplos reales para saber exactamente en que te puede ayudar el WPO en tu sitio web.
Si quieres saber mas sobre WPO, te recomiendo ver la siguiente categoría de mi blog: https://alvarofontela.com/wpo/
Antes de enseñar casos reales, vamos a enseñar 2 datos estadísticos curiosos revelados en distintos informes, relacionados con el WPO y la velocidad de carga en sitios web y ecommerce.
Zalando es una tienda online Alemana que vende ropa y que tiene presencia en bastantes países Europeos.
Su único canal de venta es el online, por lo que prestan especial atención a la tienda online y a su experiencia de usuario.
En el año 2018, Zalando publico un informe en su pagina corporativa donde explican como en 5 meses consiguieron mejorar la velocidad de carga en mas de un 25%.
Durante estos 5 meses hicieron muchos cambios tecnológicos y aplicaron ciertas medidas para conseguir el objetivo, pero el mayor logro fue aumentar un 0,7% el beneficio al mejorar 100ms la media general de carga.
Quizás el de Amazon sea el caso de WPO mas antiguo del que hay documentación publica en Internet.
En el año 2008, un empleado de Amazon dio ciertos datos durante una conferencia, dijo que en Amazon consiguieron mejorar el beneficio un 1% al bajar 100ms el tiempo de carga.
No existen muchos datos sobre lo que se hizo para conseguir esto, ya que Amazon no es transparente con la tecnología utilizada y lo único que podemos encontrar sobre ello es esto: https://radar.oreilly.com/2008/08/radar-theme-web-ops.html
El buscador de Microsoft también hizo en su momento un informe WPO donde simularon una ralentización importante en el servicio web del buscador.
El resultado fue impresionante y concluyente: 1 segundo de ralentizacion provoco un aumento del rebote del 2,8% y un aumento de 2 segundos en la velocidad de carga aumento el rebote un 4,3%.
Este test se hizo publico en la VelocityConf del año 2009.
Walmart es uno de los gigantes de EEUU en el tema de los grandes almacenes y desde hace unos años también vende en el canal online.
En el año 2013 se publicaron unas diapositivas que contienen un informe de monitorización de usuarios en tiempo real para el UX.
En este informe se publicaron unas pruebas realizadas por el equipo técnico de Walmart donde se mejoro la conversión un 2% al mejorar el tiempo de carga 1 segundo de media.
La presentación original la puedes encontrar aquí: https://www.slideshare.net/devonauerswald/walmart-pagespeedslide
Netflix se ha convertido en la plataforma de entretenimiento mas utilizada en Europa y EEUU, con un catalogo de contenidos imposible de igualar.
Lo que empezó como un videoclub acaba como una plataforma que incluso produce sus propias películas y series.
La base de la plataforma Netflix es web, y precisamente por ahí van los tiros de este ejemplo WPO.
Netflix hizo unas pruebas en 2008, aun con la anterior interfaz y consiguieron ahorrar un 43% de ancho de banda simplemente implementando correctamente la compresión GZIP.
El contenido original se encuentra en esta presentación.
En 2017 se publico un informe de WPO realizado partiendo de unas pruebas en la web de la BBC, uno de los portales de noticias y contenidos mas visitados de Reino Unido.
El articulo es mas extenso e incluye detalles interesantes como caso de WPO real, pero consiguieron aislar que por cada segundo de retraso en la carga de la web, el rebote subía un 10%.
El contenido original del informe con muchos mas detalles, se publicó en este enlace: https://www.creativebloq.com/features/how-the-bbc-builds-websites-that-scale
En 2016, se publico un informe acerca de unas pruebas realizadas por el equipo IT sobre la web de Financial Times.
El informe WPO es extenso, pero el resultado mas destacable es que en una prueba de 7 días, añadiendo 1 segundo de retraso al tiempo de carga, se aumento el rebote un 4,9% y añadiendo 2 segundos, se aumento un 4,4% el rebote.
Si quieres ver las gráficas y los datos completos de las pruebas, puedes encontrarlo en este articulo en medium.com: https://medium.com/ft-product-technology/a-faster-ft-com-10e7c077dc1c
En 2010, la empresa de accesorios para motor AutoAnything publico un informe WPO con unas mejoras realizadas en su tienda online.
El resultado fue que al mejorar el tiempo de carga medio un 50%, se mejoraron las ventas alrededor de un 12%.
Un ejemplo claro de lo que se puede conseguir con WPO en ecommerce si partes de un proyecto poco trabajado en este aspecto.
En el siguiente enlace tienes para descargar el caso de estudio completo: https://www.radware.com/pleaseregister.aspx?returnurl=6442452828
En 2012, cuando YouTube ya era propiedad de Google, realizaron una serie de mejoras en la web para conseguir mejorar la experiencia de usuario al servir contenidos.
La mejora consistió en reducir el tamaño de la pagina hasta un 90% y con esto vieron como mejoraba drasticamente el trafico desde zonas del planeta donde la conexión es mas lenta como el sur de Asia, Latinoamerica y África.
Puedes encontrar mas contenido e información en la siguiente dirección URL: https://blog.chriszacharias.com/page-weight-matters
La tienda online Etsy publicó un completo informe en 2014 donde explicaban los resultados obtenidos en unas pruebas realizadas por su equipo de desarrollo.
Etsy pudo comprobar como al añadir 160 KB en imágenes a su versión móvil, automáticamente subía el rebote un 12%.
Puedes obtener mas informacion sobre las pruebas realizadas en un informe llamado “WPO is user experience” en esta URL: http://radar.oreilly.com/2014/01/web-performance-is-user-experience.html
Un empleado de Yahoo en 2008 comento algunas cosas relacionadas con el WPO del buscador durante una ponencia en Beijing.
Durante esa ponencia comento que al mejorar la velocidad de carga de Yahoo en 400ms, se mejoro el trafico en un 9%.
En esa ponencia también se hablo de algunos casos de WPO que hemos mencionado en este informe.
Puedes encontrar mas información en slideshare: https://www.slideshare.net/stoyan/yslow-20-presentation