WordPress est le système de gestion de contenu le plus populaire au monde. De nos jours, il n’est plus utilisé comme un simple outil de blog. Au lieu de cela, il peut alimenter une grande variété de sites Web, y compris le commerce électronique.
En fait, le nombre de sites Web de commerce électronique créés avec WordPress est en constante augmentation. Si vous exploitez un site Web de commerce électronique WordPress, comment pouvez-vous le rendre plus rapide ?
En d'autres termes, comment accélérez-vous un site Web WordPress eCommerce? Cet article répond à cette question et fournit des idées utiles pour accélérer un site Web de commerce électronique WordPress.
Pour commencer
Générique de l'illustration:
Il existe différentes façons de créer et de configurer un site Web de commerce électronique WordPress. Bien sûr, toutes ces façons tournent autour de l'utilisation d'un WordPress spécifique plugin. En général, WooCommerce est la solution de commerce électronique la plus populaire pour les utilisateurs de WordPress. De toute évidence, la plupart des méthodes d'optimisation et d'accélération tournent autour WooCommerce.
Cependant, que se passe-t-il si vous n'êtes pas un WooCommerce utilisateur? Il y a bien d'autres plugins qui peuvent vous aider à créer un site Web de commerce électronique WordPress. Par exemple, vous pouvez utiliser Easy Digital Downloads qui vous permet de créer une boutique de commerce électronique avec des produits numériques (par opposition à des produits physiques), etc.
Indépendamment du WP plugin ou les extensions que vous utilisez, vous devez toujours suivre certaines étapes courantes pour accélérer votre site Web de commerce électronique WordPress. Mais avant cela, vous devez savoir à quel point votre site Web peut être lent !
Test de vitesse
Un bon test de vitesse du site Web et de temps de chargement des pages doit être effectué dans un environnement indépendant. Vous devez donc utiliser un serveur distant, éventuellement à partir de plusieurs emplacements. Cela éliminera des facteurs tels que la mise en cache du navigateur et vous donnera une image fidèle de la taille de la page, du temps de chargement, de la cascade, etc.
Des outils tels que Pingdom et GTmetrix sont très utiles à cet égard. Vous pouvez l'exécuter sur l'URL de votre site Web et voir les résultats ainsi que les domaines dans lesquels vous pouvez vous améliorer.
Pour les besoins d'un site Web de commerce électronique WordPress, vous devez exécuter les tests de vitesse sur la page principale de votre boutique. Si vous utilisez WooCommerce, essayez d'exécuter les tests sur la page de la boutique ou sur la page d'un seul produit.
Une fois le test terminé, il vous indiquera exactement ce qui ralentit votre site Web WordPress eCommerce. Par exemple, le test suivant (réalisé le ShopifyLa page d'accueil de) montre que la mise en cache du navigateur, la combinaison JS et des redirections moins importantes peuvent augmenter les temps de chargement des pages.
Bien entendu, les résultats varieront d’un site à l’autre. Cependant, cela vous aidera à avoir une idée juste de l'endroit où votre site de commerce électronique WordPress est lent à charger.
Maintenant, nous revenons à la grande question: comment pouvons-nous accélérer notre site Web WordPress eCommerce?
Hébergement et CDN
Il est de notoriété publique que vous devez opter pour des solutions d’hébergement Web fiables, de bonne qualité et bien optimisées pour votre site Web de commerce électronique WordPress. Malheureusement, le secteur de l’hébergement Web est aujourd’hui rempli d’hébergeurs Web qui fournissent souvent un service inférieur à la moyenne.
Cela peut nuire aux performances de votre site Web. Quelles que soient les méthodes d'optimisation que vous déployez, votre site WP eCommerce risque de ne pas se charger plus rapidement en raison d'un serveur lent et lent.
Heureusement, nous avons un guide comparatif qui peut vous aider à évaluer le type de plan d'hébergement dont vous avez besoin et quel fournisseur d'hébergement Web peut répondre à vos besoins. Vérifiez-le ici.
Cela dit, ne sous-estimez jamais l'importance d'un Content Delivery Network. Quelle que soit la qualité de votre hébergement Web, un CDN peut toujours l'améliorer et le rendre plus rapide. Si votre boutique de commerce électronique a des clients dans le monde entier ou dans différents pays, l'utilisation d'un CDN est une nécessité.
Un réseau de distribution de contenu accélère essentiellement votre site Web en servant ses pages à partir d’un groupe de serveurs diversifié sur le plan géographique. Par exemple, disons que votre site Web est hébergé sur un serveur situé en Floride. Maintenant, si un utilisateur de Bangkok visite votre site, il lui faudra plus de temps pour charger la page. Cela est dû à la distance géographique, à plusieurs FAI, etc. D'autre part, si vous utilisez un réseau de diffusion de contenu, le CDN servira une copie du contenu de votre site Web à partir d'un endroit plus proche de Bangkok, par exemple Singapour. Naturellement, cela augmentera le temps de chargement de la page et servira plus rapidement le contenu.
CloudFlare et MaxCDN sont deux choix populaires pour l'intégration à un site Web de commerce électronique WordPress. Vous pouvez même utiliser le forfait gratuit de CloudFlare pour tester le terrain, mais pour des performances optimales, un forfait payant constitue un bon investissement.
Optimisation des images
Les images sont un composant essentiel de tout magasin de commerce électronique. Pour améliorer les temps de chargement des pages, il est conseillé d’optimiser le temps d’optimisation des images de produits, des vignettes, etc.
WordPress plugins tel que TinyPNG peut s'avérer utile pour compresser et optimiser les images au fur et à mesure de leur téléchargement.
Une autre méthode qui peut être utilisée ici est le chargement paresseux des images. Le chargement paresseux signifie que l'ensemble d'images donné n'est pas chargé jusqu'à ce que l'utilisateur fasse défiler jusqu'à la partie de la page où ces images sont placées.
De cette manière, le temps de chargement global de la page n’est pas affecté négativement puisque le navigateur n’a pas besoin de charger toutes les images en même temps. WP plugins tel que BJ Lazy Load peut vous aider à accomplir cela
Étant donné que la plupart des contenus multimédias de votre boutique en ligne seront sous forme d'images, l'optimisation et le chargement paresseux des images peuvent donner des résultats positifs.
Utiliser une mise en cache WordPress Plugin
La mise en cache a longtemps été la solution la plus courante pour accélérer les sites Web et les blogs WP. Un site Web de commerce électronique WordPress ne fait pas exception à cette règle. Vous devriez envisager d'opter pour un cache WordPress fiable et réputé plugin. Quelques noms dignes sont :
De plus, assurez-vous que le plugin que vous sélectionnez est compatible avec votre eCommerce WordPress plugin. Si vous utilisez WooCommerce, il n'y a rien à craindre — la plupart des mises en cache plugins garder WooCommerce magasins à l’esprit et sont entièrement compatibles avec ceux-ci.
Pour tous les autres WP de commerce électronique plugins, vous devrez peut-être vérifier votre pluginla documentation.
Par compatibilité, nous entendons que la mise en cache plugin devrait détecter automatiquement ce qu'il doit mettre en cache (et ce qu'il ne devrait pas). Voici un exemple : en aucun cas, votre mise en cache WP plugin devrait mettre en cache les pages Panier et Paiement.
Ces pages doivent être générées uniquement sur la base de la sélection de l'utilisateur : aucune copie statique ne peut être servie.
De même, les widgets de panier d'achat (ou les icônes souvent placées dans l'en-tête ou la barre de menu des magasins de commerce électronique) n'ont pas besoin d'être mis en cache. Pour les sites de commerce électronique WordPress, une bonne idée est d’activer la minification CSS et HTML, mais d’éviter la minification JavaScript.
De nombreux commerces électroniques plugins comptez sur JS pour charger les widgets du panier d'achat à la volée. La minification ou la mise en cache JS peuvent ici poser des problèmes : l'utilisateur peut ajouter un produit à son panier et il sera ajouté avec succès.
Mais la page affichera toujours un panier vide - JS a été mis en cache et le panier n'a donc pas pu être mis à jour, à moins que la page entière ne soit actualisée.
Ainsi, alors que vous pouvez (et devriez) mettre en cache les fichiers JavaScript et les minifier sur les blogs WP, cela n’est pas une bonne idée sur les magasins WP eCommerce.
Utiliser AJAX dans le panier
Il est courant d'utiliser AJAX pour afficher les détails du panier d'achat. La plupart des e-commerce WP plugins, dont WooCommerce, faites de même. Voici comment cela fonctionne:
L'utilisateur sélectionne un produit et clique sur le bouton « Ajouter au panier ». Le produit est ajouté au panier. Ensuite, deux valeurs sont mises à jour sur la page : le bouton Ajouter au panier du produit affiche « Ajouté au panier » ou « Déjà dans le panier » (ou similaire), et le widget (ou bouton) du panier affiche le nombre de produits mis à jour. Le reste de la page ? Il n'est ni actualisé ni modifié.
Cette actualisation sélective s'effectue au moyen d'un appel AJAX. Désormais, le point négatif de cette fonctionnalité est que les appels AJAX prennent du temps et affectent toujours le temps de chargement de la page.
Ainsi, que l'utilisateur ajoute ou non un produit à appeler (c'est-à-dire que le panier doive ou non être mis à jour via AJAX), les bibliothèques doivent toujours être chargées.
Si vous souhaitez vraiment améliorer les performances ici, vous pouvez désactiver les appels AJAX (utiliser un simple plugin comme celui-ci) et ensuite avoir votre eCommerce plugin rediriger l'utilisateur vers le panier lors de l'ajout du produit au panier. Voici comment procéder dans WooCommerce:
Rendez-vous simplement dans Paramètres puis dans l’onglet Produits. Sélectionnez l’option « rediriger vers le panier ». Ensuite, enregistrez votre sélection (vous pouvez également désactiver AJAX sur les archives, si vous le souhaitez).
Tant qu'on y est, un WordPress simple mais très utile plugin sera WooCommerce Réparation du drain de vitesse. Il arrête simplement de charger les méthodes AJAX et autres WooCommerce fonctions sur non-WooCommerce pages (par exemple, votre blog ou à propos de la page). Cela peut vous aider à accélérer vos multiples sites Web de commerce électronique WordPress.
Optimisation de la base de données
Générique de l'illustration:
Une base de données WordPress lente et mal optimisée peut bloquer votre site Web. Cela est particulièrement vrai dans le cas des magasins de commerce électronique fonctionnant sur WP. Il y a plus de tables et d'entrées de base de données que la normale. Vous devez non seulement gérer les tables et les entrées pour les publications, les pages et les commentaires. De plus, vous aurez également des entrées et des tableaux pour vos produits, attributs de produits, commandes, etc.
Vous pouvez opter pour un WP populaire plugin tel que WP Optimize or WP Sweep. Tel plugins peut analyser votre base de données, supprimer les fragments et les frais généraux inutiles, etc. En nettoyant votre base de données WP à intervalles réguliers, vous pouvez augmenter les temps de chargement des pages car les requêtes de base de données seront effectuées plus rapidement.
Pour aller plus loin
Cela nous amène à la fin de ce post. Nous avons discuté des moyens d'éviter de charger des scripts inutiles sur les pages de commerce électronique, d'optimiser les bases de données, d'utiliser la mise en cache et les CDN, etc. pour accélérer tout site Web de commerce électronique WordPress.
Si vous gérez ou gérez un site Web de commerce électronique WordPress, quelle stratégie ou quelles méthodes utilisez-vous pour l'accélérer? Partagez vos points de vue dans les commentaires ci-dessous!
Description Réponses 0