“Vaya! Sólo he leído el título del artículo y ya me encuentro con un palabrejo que no conozco”… podrás pensar. Tranquilo/a!! voy a tratar de que sea lo único que puede que no te suene. Con este DIY sólo pretendo indicar que esas 7 acciones las podrás hacer tu mismo/a (Do It Yourself) sin necesidad de complejidades técnicas, sólo configurando tu tienda o usando algún plugin, vamos que si ya estás trabajando con una tienda Prestashop…Esto está “chupao”!!
¿Por dónde empiezo?
En muchos artículos sobre optimización de velocidad de carga de Prestashop me encuentro con que entran de lleno con la sección “Rendimiento” y sus múltiples opciones y acaban con algunas opciones avanzadas. Esto está bien pero te voy a dar un paso previo, no empieces haciendo cambios, lo primero de todo:
1. Mide
Mi recomendación es que empieces midiendo, para saber cual es tu punto de partida. Medir desde el principio te dará una aproximación certera de cómo tenías tu tienda online y cómo todas las mejoras que has ido poniendo en marcha han mejorado la velocidad de carga.
Voy a tomar como ejemplo la joyería online romanjoyero.com para mostrar la evolución a medida que vamos optimizando su Prestashop.
Herramientas
Las 3 herramientas imprescindibles para esta medición son:
Solo tienes que introducir tu dominio con el formato de navegación que tengas definido (con o sin www) y cada una de ellas te ofrecerá un detallado informe de qué elementos debes corregir, cuales son prioritarios, en rojo para llamar bien nuestra atención, qué elementos puedes plantearte corregir (PageSpeed) y qué elementos están correctos en tu tienda.
Toma buena nota de todos ellos, en este artículo verás cómo resolver algunos de los que pueden aparecer en esta lista a golpe de ratón
Veamos qué datos tenemos con el ejemplo de la joyería online.
PageSpeed
GT Metrix
Pindom Tools
2. Aprovecha las opciones básicas de rendimiento de PrestaShop
Compilación de plantillas (Smarty): La opción de configuración que ofrecerá mayor velocidad a tu prestashop será con la Caché de plantillas activada y evitando que se recompilen las plantillas marcando la primera de las opciones de la lista. Utiliza estas opciones mientras no tengas previsto hacer cambios en las plantillas.
Según la versión de Prestashop tendrás también otras dos opciones relacionadas con el tipo de caché y la limpieza de la caché. Selecciona la opción de tipo de caché basada en sistema de ficheros (File System) y la de limpiar la caché siempre que haya cambios.
Combinación, Compresión y Caché (CCC): Con esta opción conseguiremos comprimir y cachear ciertos tipos de fichero como algunos javascripts, css y código HTML. Nuestro objetivo será que la tienda esté 100% operativa con todas estas opciones activadas. Digo esto porque si en tu tienda no las tienes activadas es posible que tu plantilla sufra alteraciones al activarlas. Estas opciones afectan a la programación javascript de la que hace uso tu tienda, de modo que lo recomendable será que una vez activadas navegues por toda la tienda, realices un pedido de ejemplo, uses formularios de contacto, etc. para comprobar que todo sigue funcionando correctamente. Si te encuentras con dificultades empieza por desactivar “Smart Caché” para el código de Javascript. Para hacer uso de estas opciones tu plantilla deberá ser compatible mínimo con Prestashop 1.4
Usar caché del Servidor: Activar esta opción es simple pero debemos estar seguros de que nuestro servicio de hosting tiene instalados los sistemas de caché soportados por Prestashop. Lo habitual será que puedas activar esta opción usando Memcached.
También tenemos recursos externos en formato plugin como Cache Manager para mejorar aún más el rendimiento de nuestra tienda optimizando su caché.
3. Adquirir un CDN
Prestashop está preparado para configurar un CDN, un sistema de almacenamiento externo muy muy rápido en el que alojar tus imágenes. Si tu ecommerce cuenta con muchas imágenes de producto, miles de productos y mucho tráfico, sin duda ésta es una opción a considerar. Existen numerosas opciones de este tipo de servicio, como por ejemplo Amazon CoudFont, Akamai o CloudFlare, que te ofrecerán excelentes resultados de rendimiento.
A lo largo de las opciones que encontramos en la sección Rendimiento habrás visto, si has aplicado la configuración del punto anterior, una con el título “Servidores Multimedia”. Una vez contratado un servidor CDN es en este apartado donde tendrás que indicar la URL de tu nuevo almacenamiento de imágenes, en el caso de Amazon sería algo parecido a nombredemiCDN.cloudfont.net.
4. Optimiza tus imágenes
SIEMPRE, SIEMPRE, SIEMPRE antes de dar de alta productos, subir imágenes a un carrusel, incluir fotos de tus tiendas, etc, etc. asegúrate de haberlas optimizado primero.
Aquí no me extenderé e iré a lo práctico:
l Utiliza las dimensiones adecuadas en cada caso: Si una imagen de un carrusel por ejemplo se va a mostrar máximo en 1000×300 no subas una de 2000×600!
l Optimiza el “peso” de las imágenes: Tienes herramientas online como http://compressor.io o http://kraken.io que te ayudarán a optimizar el peso de la imagen en función de sus dimensiones siempre, por supuesto, con una pérdida de calidad, pero estas aplicaciones se encargan muy bien de mantener un equilibrio entre calidad y peso.
También puedes usar el ImgOptimizer gratuito si eres cliente del hosting para Prestashop de Webempresa
5. Desinstala módulos inactivos.
Por defecto contamos con decenas de módulos que, probablemente, nunca llegaremos a usar en nuestra tienda. Desinstala todos aquellos que cumplan esta característica para eliminar esta “sobrecarga” en tu instalación de Prestashop.
6. Haz un mantenimiento de la base de datos:
Si tu tienda tiene mucho tiempo de uso la base de datos se irá haciendo cada vez más “pesada” debido a la gran cantidad de información almacenada y esto puede ralentizar considerablemente el rendimiento de tu tienda. Existen plugins como Optimizador de rendimiento que te ayudarán a limpiar datos poco relevantes y aligerar la base de datos para reducir la velocidad de carga.
7. Reducción de recursos externos:
Hay plugins que hacen uso de recursos externos como ficheros javascript, imágenes, tipos de letra etc. Revisa el resultado del plugin PageSpeed para detectar este tipo de recursos y haz lo posible por eliminarlos.
En la joyería online del ejemplo nos encontramos con un plugin para mostrar las tiendas en el pié de página que hace uso del API de Google Maps, muestra dos mini-mapas que nos enlazan externamente sin mayor funcionalidad. Podemos sustituir desde el backoffice el código de estos mini-mapas para usar imágenes y evitar la carga externa de estos mini-mapas.
Las fuentes (tipos de letra) que carga nuestra plantilla como recurso externo desde por ejemplo http://bit.ly/28O3gHV son también origen de pequeños retardos en la velocidad de carga, a pesar de que tienen un rendimiento muy bueno, en la medida de lo posible evita su uso o alójalas en tu servidor. Este punto es algo más avanzado y no podrás realizarlo sin modificar la programación de tu herader.tpl
¿Has hecho todas estas configuraciones? Bien pues como paso final, vuelve a medir y observa resultados:
PageSpeed
GTMetrix
Pingdom Tools 
Entre la información que nos ofrecen estas herramientas hay muchas más opciones de optimización pero también con mayor complejidad de corrección. Aquí te he descrito las que creo que puede realizar cualquiera que actualmente esté administrando una tienda.
Espero que te sean de muchísima utilidad!
Saludos!!!
Sobre el autor:
Twitter: @miguelpau
La entrada 7 acciones DIY que acelerarán tu Prestashop aparece primero en ES - Blog Ecommerce de PrestaShop.
Thanks to: ES - Blog Ecommerce de PrestaShop Permanent link
Entradas
No hay comentarios.:
Publicar un comentario
Thanks for your comment