Bien que les achats en ligne soient beaucoup plus pratiques que les visites dans les magasins de bric et de mortier, les gens ont tendance à être moins patients lorsqu’ils font des achats sur le web. Ils s’attendent à des réactions instantanées lorsqu’ils cliquent sur des liens ou recherchent des détails sur un produit. Plus ils doivent attendre, plus ils risquent de se dégonfler. Par conséquent, les magasins en ligne qui privilégient la rapidité gagnent plus d’argent et de clients. La vitesse est l’un des facteurs les plus importants qui affectent les ventes d’un magasin en ligne. Selon certaines statistiques, les acheteurs en ligne ne sont pas prêts à attendre plus de trois secondes pour qu’une page se charge.
Si vous utilisez PrestaShop pour votre site web de commerce électronique, vous disposez de nombreux outils pour affiner les performances de votre boutique. Ce guide vous présentera quelques moyens simples pour accélérer PrestaShop.
Conseils pour optimiser les performances de votre boutique
PrestaShop est une plateforme open-source qui aide les gens à construire leur boutique en ligne. Écrite en PHP, c’est une plateforme populaire pour les sites web de toutes tailles – grâce à son large choix de modules et d’extensions.
Découvrez chacun des 5 conseils ci-dessous pour accélérer votre site PrestaShop et gagner des clients à vie.
Les trois C – Combiner, compresser et mettre en cache
L’approche CCC joue un rôle essentiel dans l’amélioration de la vitesse de votre site web. Elle consiste à comprimer le CSS et le JavaScript en une seule ligne de code, puis à les combiner et à les mettre en cache afin d’éliminer les espaces blancs ou les caractères inutiles. Cela permet de réduire la taille de vos fichiers et d’accélérer le chargement de vos pages web.
Pour activer la CCC, suivez les étapes ci-dessous :
• Connectez-vous au panneau d’administration
• Dans la barre de menu, cliquez sur Paramètres avancés -> Performance
• Dans la section CCC (combine, compresse et cache), sous Smart cache for CSS, activez oui
• Définir le cache intelligent pour JavaScriptto oui
• Sous Minify HTML, cliquez sur oui
• Définir le JavaScript en ligne de la compression en HTML à oui
• Sous Déplacer JavaScript à la fin, cliquez sur oui
• Définir l’optimisation d’Apache à oui
• N’oubliez pas d’économiser.
• Configurer un CDN
Si vous ne l’avez pas encore fait, profitez d’un réseau de diffusion de contenu (CDN) pour accélérer la diffusion du contenu. Il permet de réduire le temps de chargement entre le serveur et le client qui accède au site web.
Une fois le CDN mis en place, l’étape suivante consiste à saisir les informations relatives au service de médias dans PrestaShop. Le CDN mettra en cache les contenus statiques de votre site web sur son réseau de serveurs périphériques dans le monde entier. Par conséquent, la demande d’un visiteur sera acheminée vers le serveur périphérique le plus proche du CDN au lieu d’être envoyée à chaque fois vers le serveur d’origine.
Système de mise en cache
PrestaShop dispose d’un système de mise en cache intégré qui accélère considérablement le temps de chargement de votre magasin. En outre, vous pouvez installer des applications tierces comme XCache, APC ou Memcached. Ce sont là quelques-uns des précieux outils qui peuvent être facilement configurés sur votre site web.
Pour l’activer, allez à la section Caching >> Activer l’utilisation du cache >> Choisissez Memcached via PHP::Memcached.
Memcached
Memcached vous aide à gérer les problèmes liés aux grandes caches de données et est déjà utilisé par des plateformes populaires telles que Wikipedia, Twitter ou Craigslist.
Optimiser les images des produits
Les images ont un effet captivant sur les utilisateurs finaux de votre site web. Que ce soit dans le logo, les icônes ou les détails des produits, pour chaque page de destination, il est nécessaire d’ajouter des images de produits afin de fournir une vue claire aux utilisateurs. Toutefois, la taille et la qualité de l’image ont un impact direct sur la vitesse et les performances de votre site web. Vous devez donc les optimiser pour obtenir un maximum de résultats.
Évitez les zones où les alternatives d’images peuvent fonctionner correctement. Par exemple, vous pouvez utiliser des icônes de police attrayantes pour mettre en évidence des options ou des fonctionnalités au lieu d’images.
Pour les pages d’accueil, les produits, les messages et les curseurs, vous pouvez optimiser les images en essayant différents formats.
Demandez l’aide de différents outils pour reconnaître les images problématiques et les supprimer immédiatement de votre site web.
N’utilisez pas le HTML pour mettre à l’échelle les grandes photos – le navigateur met du temps à mettre les images à l’échelle et elles seront moins belles que l’original.
N’insérez pas trop d’images dans un seul article ; essayez de le diviser en pages en cas d’images multiples.
Désinstallez les modules inutilisés
Puisque la version 1.7 de PrestaShop comprend des centaines de modules et de fonctionnalités, dont beaucoup ne vous seront pas utiles. Assurez-vous donc de n’avoir activé que les modules nécessaires à votre boutique. Désactivez et désinstallez les modules que votre boutique n’utilise pas afin qu’ils ne soient pas chargés ou qu’ils n’entravent pas les performances du site.
Extras
Outre les moyens évoqués, l’optimisation de la base de données, l’utilisation de la dernière version de PHP, la configuration des paramètres intelligents ou l’affinement de la configuration de MySQL jouent également un rôle majeur dans l’improvisation de la vitesse de votre magasin. Vous devez voir ce qui fonctionne pour vous et ce qui ne fonctionne pas.
Outils de test de la vitesse
Bien entendu, vous ne pouvez pas savoir si vos efforts d’optimisation portent leurs fruits si vous ne quantifiez pas vos gains. Heureusement, les outils de test de vitesse permettent d’évaluer les performances de votre site web et de mettre en évidence les domaines à améliorer.
