Cada vez oímos hablar más de la importancia de que las webs sean rápidas y las páginas se carguen en muy pocos segundos, y más aún si se trata de una tienda online. Pero… ¿Por qué es importante que las páginas carguen rápido?
Básicamente por que al mejorar la experiencia del usuario, conseguimos que éste se sienta más cómodo, y por tanto aumente la probabilidad de que termine comprando algo en nuestra web. Además, Google nos verá con buenos ojos si nuestras páginas cargan rápido, evitando posibles penalizaciones (más de 2 segundos empieza a ser considerado ‘lento’ para Google). Esto que parece tán lógico (y lo es), no suele ser tenido muy en cuenta a la hora de desarrollar un proyecto e-commerce, siendo penalizado a costa de invertir recursos en funcionalidades, diseño, etc… o bien cuando nos empeñamos en conseguir un hosting lo más económico posible.
A continuación os mostramos una gráfica elaborada por los chicos de Web Performance Today, expertos en mejorar la velocidad de carga de páginas web. Para hacernos una idea, cuando el tiempo de carga de una página supera los 7 segundos, estamos hablando de que la tasa de conversión se hunde casi hasta la mitad! Logicamente esto depende del caso particular, pero como estimación nos puede dar una idea de la importancia de optimizar el rendimiento de nuestra tienda.
Fuente: http://www.webperformancetoday.com
Pues bien, ¿y como optimizar la velocidad de carga de nuestro Prestashop? A continuación expondremos unos sencillos consejos que deberían tenerse en cuenta para éste CMS, pero ojo, no debemos olvidar las reglas generales para cualquier sitio web (En este enlace podeis encontrar una excelente recopilación de consejos y herramientas para optmizar la velocidad de carga)
Consejos para optimizar la velocidad de carga de nuestra tienda online Prestashop:
Cache de Smarty: Prestashop hace un uso intensivo de Smarty, un motor de plantillas para PHP. Es importante que activemos la opción de uso de la caché en Preferencias->Rendimiento. Así mismo, deshabilitaremos la opción de forzar la compilación. Con esto conseguiremos que Smarty no tenga que compilar o ‘procesar’ una plantilla cada vez que es visionada, sino que reutilizará una compilación anterior, reduciendo el tiempo de carga. En todo caso, cuando estemos desarrollando debemos forzar la compilación si queremos que se reflejen los cambios que hagamos en las plantillas.
Habilitar opciones CCC (Compress, Combine, Cache): En la página de rendimiento también podemos encontrar las opciones para reducción de código. Esto funciona juntando los diferentes ficheros que componen las hojas de estilo (.css) o el código Javascript en un fichero único, consiguiendo que el navegador los descargue más rápido. La compresión del codigo HTML elimina espacios en blanco y otros caracteres innecesarios reduciendo su tamaño. No obstante, no recomendamos usar la opción ‘Compresión Máxima del código HTML’ ya que anula la validación del mismo y podría dar problemas en algunos navegadores.
Utilizar varios dominios: Prestashop nos permite utilizar lo que él llama ‘Servidores de media’. Simplemente debemos introducir otros nombres de dominio que tenga nuestra tienda (si los tenemos, claro) donde tengamos una copia de las imágenes, CSS o JavaScript para que Prestashop pueda cargar los recursos de diferentes sitios, aumentando el rendimiento.
Si tenemos instalada la extension PHP ‘mycript’ en nuestro servidor, podemos hacer que Prestashop cifre las cookies con un algoritmo mas eficiente al que trae. Debemos seleccionar la opción ‘
Usar memcached: Si, de nuevo las cachés harán que se reduzca el tiempo de carga. A partir de la versión de Prestashop 1.4, éste viene con el sistema de Memcached. Cuando se haga una consulta a la base de datos, y esta ya haya sido realizada anteriormente, el sistema no repetirá la consulta, sino que usará la información que tenga almacenada, para dar así una respuesta con una velocidad mayor. No todos los proveedores de hosting permiten esta opción. Si tienes tu propio servidor, puedes instalarlo siguiendo esta guía.
Por último, recordaros que existen multitud de herramientas gratuitas para medir la velocidad de vuestra tienda online, e identificar los posibles problemes/cuellos de botella, como por ejemplo la de pingdom tools.
Ingeniero superior en informática, especializado en B2B eCommerce y omnicanalidad. Formador en eCommerce en IED. Ayudando a las empresas a vender en Internet desde 2011.
excelente información de las mas completas y bien explicadas que he visto todos los consejos tienen gran impacto para aumentar la velocidad de carga, y añado que también el optimizar todas las imágenes de la web ayudan a reducir el tiempo de carga.
Hola, he llegado hasta aquí buscando información sobre otro tema, pero veo que este es de utilidad, lo voy a hacer cuando termine de solucionar los problemas que tiene mi web.
El problema que tengo ahora mismo es que de vez en cuando al editar o reemplazar algún archivo tpl de pronto me aparece esto:
»
»
Lo que genera un descuadre en la pagina. A veces antes del entrecomillado me dice algo de Javascript y supongo que será un fallo de algún js de Prestashop, ¿no?. ¿Tenéis idea de cual puede ser?, ¿como busco el error entre los archivos?, estoy perdido.
debe ser que al no abrir y cerrar bien las comillas «, el código del tpl no se interpreta bien. Deberías poder ver el error o los descuadres simplemente usando la herramienta de desarrollo de chrome, o de firefox https://developers.google.com/chrome-developer-tools/
Algo muy importante subir las imágenes con las dimensiones que van a tener finalmente en la página. Con ello reducimos los KB o MB de las páginas. Para que ocupen menos aún, hay herramientas de compresión como http://www.optimizesuite.net/es/
Muy bueno lo probe y funciona, no es que la velocidad sea lo que yo quisiera pero preshop es de lo mejor como seo en ecomerce, es el precio que hay que pagar, la pregusnta es si alguien a logrado bajar a prestashop menos de 3 segundos.
tambien recomendar un herramienta de google para medir la velocidad, muy buena por que te da sugerencias para mejorar.
Para ofrecer las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento de estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o las identificaciones únicas en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.
Funcional
Siempre activo
El almacenamiento o acceso técnico es estrictamente necesario para el propósito legítimo de permitir el uso de un servicio específico explícitamente solicitado por el abonado o usuario, o con el único propósito de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.
Preferencias
El almacenamiento o acceso técnico es necesario para la finalidad legítima de almacenar preferencias no solicitadas por el abonado o usuario.
Estadísticas
El almacenamiento o acceso técnico que es utilizado exclusivamente con fines estadísticos.El almacenamiento o acceso técnico que se utiliza exclusivamente con fines estadísticos anónimos. Sin un requerimiento, el cumplimiento voluntario por parte de tu Proveedor de servicios de Internet, o los registros adicionales de un tercero, la información almacenada o recuperada sólo para este propósito no se puede utilizar para identificarte.
Marketing
El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para rastrear al usuario en una web o en varias web con fines de marketing similares.
6 Comentarios
excelente información de las mas completas y bien explicadas que he visto todos los consejos tienen gran impacto para aumentar la velocidad de carga, y añado que también el optimizar todas las imágenes de la web ayudan a reducir el tiempo de carga.
gracias
Gracias por la aportación Jonathan!
Hola, he llegado hasta aquí buscando información sobre otro tema, pero veo que este es de utilidad, lo voy a hacer cuando termine de solucionar los problemas que tiene mi web.
El problema que tengo ahora mismo es que de vez en cuando al editar o reemplazar algún archivo tpl de pronto me aparece esto:
»
»
Lo que genera un descuadre en la pagina. A veces antes del entrecomillado me dice algo de Javascript y supongo que será un fallo de algún js de Prestashop, ¿no?. ¿Tenéis idea de cual puede ser?, ¿como busco el error entre los archivos?, estoy perdido.
Gracias.
debe ser que al no abrir y cerrar bien las comillas «, el código del tpl no se interpreta bien. Deberías poder ver el error o los descuadres simplemente usando la herramienta de desarrollo de chrome, o de firefox
https://developers.google.com/chrome-developer-tools/
Algo muy importante subir las imágenes con las dimensiones que van a tener finalmente en la página. Con ello reducimos los KB o MB de las páginas. Para que ocupen menos aún, hay herramientas de compresión como http://www.optimizesuite.net/es/
Muy bueno lo probe y funciona, no es que la velocidad sea lo que yo quisiera pero preshop es de lo mejor como seo en ecomerce, es el precio que hay que pagar, la pregusnta es si alguien a logrado bajar a prestashop menos de 3 segundos.
tambien recomendar un herramienta de google para medir la velocidad, muy buena por que te da sugerencias para mejorar.