En anteriores post hablaba de cómo minimizar y combinar ficheros CSS y JavaScript para optimizar el rendimiento de nuestro proyecto web, haciendo uso de herramientas como CSS Minify para NetBeans, o la herramienta CSS-JS-Booster.
Ambas herramientas son muy interesantes de conocer y de usar, sin embargo, esta mañana me he dado cuenta que todo ese tiempo invertido, aunque me ha ayudado a aprender mucho sobre este tema, ha sido un poco absurdo, ya que PrestaShop cuenta en su apartado de administración avanzada con un apartado de Rendimiento donde se puede aplicar la técnica de reducción y combinación de JS y CSS así como HTML, gestión de Caché, compilación del proyecto…etc.
Como el saber nunca está de más, no diré que ha sido una pérdida de tiempo todo lo investigado con anterioridad, ya que me resultará útil en otros proyectos (o al menos eso espero).
Así que hablemos un poco de las opciones que ofrece PrestaShop para optimizar la carga de nuestra tienda:
- Smarty.
Prestashop utiliza un motor de plantillas para PHP llamado Smarty. A la hora de tener nuestra tienda en desarrollo podemos marcar la opción ‘Forzar compilación’, pero una vez la tienda ya está en producción, esta opción debe ser desactivada para que se emplee la caché de plantillas.
- CCC (Combine, Compress and Cache).
Marcando estas opciones, como su propio nombre indica, el propio PrestaShop optimiza nuestros CSS, JS y HTML, haciéndolos más eficientes y más ligeros.
- Servidores multimedia.
PrestaShop ofrece la posibilidad de utilizar servidores alternativos para la carga de contenido multimedia, únicamente deberemos indicar qué servidores pueden ser llamados para obtener nuestras imágenes, CSS, JavaScript, o cualquier recurso. De esta manera, se cargarán más recursos de forma simultanea.
Gracias a la aplicación de estos métodos, haciendo el test de velocidad de carga de pingdom, se han podido ver buenos resultados, rebajando el tiempo de carga unos 2 segundos.
Thanks for your comment 😉