
Tous vos produits ont été ajoutés et vous avez apporté la touche finale à votre boutique PrestaShop.
Le moment est venu pour votre site e-commerce de sortir du mode maintenance.
Vous actualisez votre page d'accueil, mais l'écran reste vide pendant 1, 2, 3, 4 secondes ! Malgré votre enthousiasme, vous vous demandez :
« Pourquoi ma boutique en ligne a-t-elle mis autant de temps à charger ? »
Beaucoup de commerçants se posent cette question, mais la réponse est très simple.
Les paramètres de performance pour le développement de votre site ne sont pas les mêmes que pour la vitesse de chargement de vos pages.
PrestaShop vous permet d'alterner entre deux configurations : l'une adaptée à la conception, l'autre optimisée pour la vitesse.
Nous vous présentons donc des paramètres simples et rapides qui vous aideront à booster la vitesse de votre boutique PrestaShop. Nous vous expliquons également le fonctionnement de chaque paramètre.
Tout d'abord, connectez-vous à votre back-office PrestaShop, et rendez-vous sur la page PARAMÈTRES AVANCÉS > PERFORMANCE
Onglet Smarty
Sur cette page, vous trouverez l'onglet SMARTY, qui correspond à votre thème ou à votre template. (Smarty est le nom du langage de template utilisé par les thèmes de PrestaShop.)
Compilation des templates :
ce paramètre permet de déterminer si le site Web a besoin de recompiler ses instructions. Pourquoi les thèmes contiennent-ils des instructions ?
Le template PrestaShop par défaut a été conçu pour être flexible et personnalisable, afin de répondre aux attentes de n'importe quel e-commerçant.
Nos éléments de conception ne sont donc pas statiques :
chaque module de conception se connecte à votre boutique grâce à son propre ensemble d'instructions de templates.
Cela vous permet de personnaliser notre template par défaut.
[X] Ne jamais recompiler les fichiers de templates – (Le plus rapide) Sélectionnez cette option si vous avez fini d'éditer les fichiers et si la conception vous convient.
[ ] Recompiler les fichiers de templates s'ils ont été mis à jour – (FRapide) Choisissez cette option si vous êtes un commerçant-développeur et que vous avez souvent besoin d'éditer le thème de votre site.
La page ne sera recompilée que si les fichiers du thème ont été modifiés.
[ ] Forcer la compilation – (Lent) Activez ce paramètre uniquement en cas de débogage de votre site. À chaque chargement de la page, le thème sélectionne à nouveau les éléments et détermine comment les afficher.
Cache :
Le cache contient des fichiers stockés temporairement qui améliorent la performance et réduisent le temps de chargement.
[X] OUI – Lorsque vous avez fini de personnaliser le thème de votre front-office, activez cette option pour permettre à vos clients de bénéficier d'une meilleure performance sur votre site.
[ ] NON – L'utilisation du cache est facultative uniquement lorsque vous êtes en train d'apporter des modifications à votre thème. Si vous ne désactivez pas cette option, vous ne pourrez pas visualiser vos modifications immédiatement. Si vous êtes en train de travailler sur votre thème, videz votre cache pour vous assurer que les changements sont pris en compte sur toutes les pages.
Types de mise en cache :
Système de fichier ou MySQL – Il est impossible de déterminer la meilleure de ces deux options, car la configuration de ce paramètre varie d'une boutique à l'autre. Tout dépend de la taille de votre base de données, de sa configuration et de son optimisation. Si vous utilisez une base de données de petite taille, vous aurez du mal à voir la différence.
Vider le cache :
[ ] Ne jamais vider les fichiers du cache – Utilisez ce paramètre si vous souhaitez que les fichiers du cache ne soient plus vidés.
Cela peut être utile si vous faites de nombreuses modifications ou des éditions en masse (comme un import CSV) : vous ne voudriez pas que le cache soit constamment en train d’être vidé. Assurez-vous de désactiver cette option lorsque vous avez fini vos modifications, ou bien videz le cache manuellement.
[X] Vider le cache à chaque modification - Pas d'explication nécessaire pour ce paramètre. Le cache de votre site se vide lorsqu'une modification est apportée. Vous êtes ainsi assuré que vos clients utilisent la toute dernière version de votre site.
BONUS: Si vous souhaitez disposer d'un meilleur contrôle sur la fréquence et le nombre de pages mises en cache, téléchargez notre module Cache Manager premium, développé par notre communauté, sur PrestaShop Addons.
Fonctionnalités désactivables
En désactivant les fonctionnalités suivantes, votre site pourrait très légèrement gagner en vitesse.
Elles ont également pour effet de limiter les fonctionnalités de PrestaShop et vous empêchent de profiter pleinement du potentiel du logiciel.
Note : si l'affichage de ces options est grisé et que vous ne pouvez pas les désactiver, cela veut dire que vous êtes déjà en train de les utiliser.
CCC (Concaténation, Compression et mise en Cache)
CCC est un ensemble d'outils qui vous aide à minimiser le temps de chargement du site Web. Fonctionnalités :
CCC combine les fichiers textuels de même type en un seul fichier plus gros, ce qui réduit le nombre de fichiers à télécharger ; il compresse ensuite le fichier à l'aide de l'algorithme Zip commun, ce qui améliore la vitesse des téléchargements. Enfin, il met le fichier compressé en cache afin d'éviter au serveur de devoir relancer ce processus de concaténation et de compression à chaque fois qu'une page charge, pour moins solliciter le processeur du serveur.
Attention cependant, certaines fonctionnalités peuvent modifier votre thème : assurez-vous donc de les activer une par une. N'oubliez pas non plus de tester votre site Web après toute modification.
« Smart cache » pour les feuilles de style : [OUI] - Combiner, compresser et mettre les fichiers de type CSS en cache.
« Smart cache » pour le code JavaScript* : [OUI] - Combiner, compresser et mettre les fichiers de type JavaScript en cache.
Réduction du code HTML : [OUI] – Cette configuration permet de supprimer tous les espaces inutiles dans le code HTML générés par le template Smarty.
Compression du JavaScript* dans le code HTML : [OUI] – Si votre thème utilise des JavaScripts, compressez-les pour améliorer le temps de chargement.
Déplacer JavaScript* à la fin : [OUI] - Déplacez JavaScript à la fin pour le forcer à charger en dernier, ce qui permet à votre page Web de charger les éléments les plus simples de votre site en premier.
* Ces paramètres agissent sur JavaScript, parfois utilisé dans la conception des thèmes, et peuvent donc modifier votre thème.
Maintenant, c'est à vous
Êtes-vous prêt à booster la vitesse de votre boutique PrestaShop ? Voici un aperçu des configurations à choisir pour un temps de chargement quasi instantané.
Pour en savoir plus sur les paramètres avancés de votre boutique en ligne, consultez notre documentation en ligne officielle.
Si vous utilisez une ancienne version de PrestaShop, vous trouverez cette documentation dans nos archives.
Consultez également notre autre article de blog concernant les méthodes pour booster la vitesse de votre site.
Combien de temps de chargement avez-vous gagné avec nos paramètres recommandés ? Faites-nous part de vos résultats dans les commentaires.