La performance d’un site est un élément important dans le cadre d’une boutique en ligne. En effet ce critère influe notamment sur le panier moyen et de plus en plus sur le référencement de votre site internet.

Nous vous proposons ici quelques astuces pour améliorer significativement les performances de votre boutique prestashop en quelques minutes, directement depuis l’administration Prestashop et votre panel LWS.

Qu’est-ce que la performance d’un site ?

D’un point de vu purement technique, la performance d’un site se caractérise par sa vitesse d’affichage. Plus un site web s’affichera rapidement, plus il sera performant.

Comment la mesurer ?

Il existe de nombreux outils vous permettant d’obtenir un indice de performance de votre site internet. Par exemple Pingdom qui vous retourne un résultat contenant :

  • Une note sur 100.
  • Le temps d’affichage.
  • Le nombre de requêtes HTTP effectués pour afficher votre page ( Javascript, CSS, images …).
  • Le poids total de votre page Web.

Dans cet article nous utiliserons PingDom mais d’autres sont très connus et proposent des fonctionnalités plus ou moins similaires : GTmetrix, YSlow, Webpagetest etc…

Régler les options de performances depuis l’administration Prestashop

Rendez-vous dans votre l’administration de votre boutique en ligne et rendez-vous dans la sous-rubrique « Performances » située dans la rubrique « Paramètres avancés ».

Accès à la rubrique performance de votre boutique prestashop

Accès à la rubrique performance de votre boutique prestashop

Le formulaire qui s’affiche, vous permettra de gérer plusieurs aspects relatifs au sytème de cache (fichiers temporaires) de votre boutique en ligne :

Le cache SMARTY

SMARTY est le nom du système utilisé par Prestashop pour afficher votre boutique en ligne.

Activez donc le cache SMARTY, puis sélectionnez l’option « Recompiler les fichiers de templates s’ils ont été mis à jour ».

Option de configuration du cache SMARTY de prestashop

Options de configuration du cache SMARTY de prestashop

Concaténation, compression et mise en cache

Ces trois actions sont indiquées dans l’administration Prestashop par l’acronyme CCC :

  • Concaténation : Regroupe plusieurs fichiers Javascript et CSS en un seul.
  • Compression : Supprime les espaces et sauts de ligne dans les fichiers Javascipt, CSS et HTML
  • Mise en cache : Après les deux actions précédentes, les fichiers sont stockés dans un répertoire de votre hébergement afin que leur accès soit facilité.

Vous pouvez donc activer ces options de cette manière :

Concaténation, compression et mise en cache Prestashop 1.6

Concaténation, compression et mise en cache Prestashop 1.6

Le cache

Le cache Prestashop doit être activé en bas de page. Au niveau du système de cache, sélectionnez « Système de fichier » pour un hébergement mutualisé.

Système de Cache Prestashop

Système de Cache Prestashop

Optimiser les images de votre boutique

Prestashop vous permet d’optimiser facilement vos images. Rendez-vous dans la sous-rubriques « Images » de la rubrique « Préférences ».

Accès optimisation images Prestashop

Accès optimisation images Prestashop

Modifier la qualité des images

Dans cette page, vous pouvez réduire la qualité des images de votre boutique en ligne afin de réduire le poids de vos pages Web. Par défaut, la qualité des images JPG est défini à 90%, vous pouvez baisser cette valeur sans que cela n’influe sur le rendu de votre site.

Gestion qualité des images Prestashop

Gestion qualité des images Prestashop

Régénérer des miniatures

Après avoir modifié la qualité de vos images, il conviendra de régénérer les miniatures existantes afin de prendre en compte cette modification :

Régénérer des miniatures Prestashop

Régénérer des miniatures Prestashop

Activer le Mod_pagespeed

La dernière étape consiste à activer le Mod_pagespeed sur votre hébergement Web. Cette option est disponible sur les formules d’hébergement mutualisé STARTER et supérieures.

Pour l’activer, rendez-vous dans votre espace client, puis cliquez sur l’icône « Mod_pagespeed » située dans la rubrique « 6- Outils web, scripts, bases ».

Activer le Page Speed - LWS Panel

Activer le Page Speed – LWS Panel

Quel est le résultats ?

Découvrez ci-dessous une image détaillant les résultats fournit par pingdom avant et après les différentes optimisations :

Résultats Pingdom

Résultats Pingdom

En quelques clics, nous avons réduit le nombre de requêtes de moitié, réduit le poids de la page d’environ 10%, obtenu 30 points de plus au niveau de l’indice de performance et surtout nous avons gagné environ 300ms au niveau du temps d’affichage de la page d’accueil de votre boutique en ligne.

Offrez à votre boutique un hébergement web performant afin d’augmenter vos ventes !