Acelera tu ecommerce: trucos de WPO para Prestashop

No Comments

Hace poco leía en ecommerce-news que “casi la mitad de los usuarios abandonaría una compra si la tienda online se carga con lentitud”. Efectivamente, a todos nos ha pasado. El perder la paciencia y abandonar la home, la ficha de producto, el proceso de compra…

Pagamos casi 60€ al mes por un ADSL, ¿para qué esperar? Segundos perdidos son ventas perdidas y, además, la carga de página es importante para el SEO. Google nos va a tratar mejor si servimos las páginas de nuestra tienda online como un tiro.

¿Queréis más datos? Pues visitad esta página de HubSpot

40% of people will abandon a web page if it takes more than three seconds to load.
– Bing – A page that was 2 seconds slower resulted in a 4.3% drop in revenue/user.
– Google – A 400 millisecond delay caused a 0.59% drop in searches/user.
– Netflix – Adopting a single optimization, gzip compression, resulted in a 13-25% speedup and cut their outbound network traffic by 50%.

Pues ya veis, cuidado con el tiempo de carga. Ir lento es perder dinero. En nuestro Prestashop, la clave está en 3 puntos: hosting, optimizar backoffice y optimizar frontoffice.

HOSTING

Estar en un buen hosting es crucial. Los hostings compartidos son como un apartamento en multipropiedad en el que podéis coincidir todos el mismo fin de semana.

¿Qué significa eso? Pues que compartís canuto de conexión. Puedes tener 300 vecinos dentro del mismo servidor (échale un vistazo a http://www.majesticseo.com/reports/neighbourhood-checker y a http://www.my-ip-neighbors.com/) con lo que imagínate que son las 18h de un martes, tu hora de máximo tráfico semanal y 5 de tus 300 vecinos tiran un e-mailing a 10.000 personas.

Este es el efecto gráfico de lo que pasa

atasco

Imagínate que en ese momento hay gente intentando comprar en tu tienda. Mal, ¿no?

Pues eso. Servidor dedicado o VPS. ¿Vale más pasta? Sí. ¿Tendrás estos problemas? No.

BACKOFFICE

Aquí la clave (para Prestashop 1.5) está en Parámetros avanzados > Rendimiento.

El setting que tenemos que poner es el siguiente:

compile

Si estamos en producción (no pre-producción) no recompilemos jamás (es decir, no recarguemos los ficheros tpl, css, js… cada vez que entremos en una página nueva de nuestro ecommerce) y usemos el cacheado de Prestashop para acelerar la carga de página.

Usemos el Combine Compress Caché

Esto lo que hace es minimizar el espacio que ocupa nuestro código. Nos casca todo el CSS en un archivo y sin espacios, lo mismo para los JS, el código HTML…

ccc

Activar el CCC nos permitirá “desbloquear” los servidores externos:

Estos servidores externos (de pago, por ejemplo AmazonWS) nos permitirán cargar, por ejemplo, las imágenes, los CSS y los Javascripts desde fuera, desde otro servidor, acelerando la carga de nuestra página al tener menos elementos que cargar desde el dominio principal

cdn

Y, finalmente, activamos el cacheado en servidor. Para ello es imprescindible que estén instaladas las extensiones Memcached, Xcache… en nuestro servidor. Si no, no podremos usar este sistema de cacheado.

xcache

Activando todas estas opciones, podemos acelerar el rendimiento de la página muuuuuuuuuuucho. Este es un ejemplo sin uso de servidores externos de un cliente que tiene un Prestashop 1.5.5 con:

– Recompilación desactivada
– Caché activada
– CCC activado
– Xcache activado
– Servidor dedicado

speedtest

La home pesa 6.5MB, sí, pero observad lo que tarda en cargar desde una conexión situada en Amsterdam (Holanda). ¡1,64 segundos! Aquí hemos usado la herramienta http://tools.pingdom.com

Atención también a los datos que nos llegan desde Google Webmaster Tools de Google.

speed

Tiempo de descarga de la página en milisegundos. En octubre cambiamos de servidor a un dedicado y optimizamos el rendimiento del Prestashop. Llegamos a un pico por debajo de 272 milisegundos en descarga de página

FRONTOFFICE

Aquí también tienes trabajo. Pásate por los insights del Google Page Speed Test y sigue las pautas que te dicte: https://developers.google.com/speed/pagespeed/insights lo más normal es que tengas que optimizar las imágenes para que pesen menos.

¿No tienes tiempo? Pues siempre puedes crear un batch process en Fireworks, Photoshop o usar este módulo de Presteamshop: http://onepagecheckoutps.com/

Estudié publicidad pero donde realmente aprendí lo que sé fue en PutPut, DoubleYou, TribalDDB y haciendo freelances para agencias online. Ahí trabajé para Audi, Volkswagen, Nike, Atrápalo.com, ColaCao o La Caixa entre otros. Hace 4 años comencé a interesarme por el eCommerce y hoy ocupa el 90% de los trabajos que hago.Puedes seguir a Jordi en su blog personal, donde genera muy buen contenido sobre eCommerce y marketing online o bien a través de su muy activa cuenta de Twitter.

Suscríbete a nuestra newsletter