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 blogging. 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 utilisez 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.
Optimisation d'un site Web de commerce électronique WordPress: mise en route
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 là-bas 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 devriez opter pour des solutions d'hébergement Web fiables, de bonne qualité et bien optimisées pour votre site Web WordPress eCommerce. Malheureusement, le secteur de l’hébergement Web est rempli d’hébergeurs Web qui offrent souvent un service inférieur à la moyenne. Cela peut nuire à la performance de votre site Web. Indépendamment des méthodes d'optimisation que vous déployez, votre site WP eCommerce risque tout simplement 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 avec un site Web WordPress eCommerce. Vous pouvez même utiliser le plan gratuit de CloudFlare pour tester les eaux, mais pour des performances optimales, un plan payant est 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.
Outils de gestion plugins telle 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 employée ici est le chargement paresseux d'images. Le chargement différé signifie que l'ensemble d'images donné n'est pas chargé tant que l'utilisateur n'a pas fait défiler la page 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 car le navigateur n'a pas à charger toutes les images en même temps. WP plugins telle 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 plugingarder WooCommerce magasins à l'esprit et sont entièrement compatibles avec le même. Pour tous les autres WP eCommerce 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 le panier et Checkout pages. Ces pages doivent être générées sur la base de la sélection de l'utilisateur uniquement - il n'y a pas de copie statique qui peut être servie.
De même, les widgets de panier d'achat (ou les icônes qui sont souvent placés 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 évitez la minification JavaScript. Beaucoup de commerce électronique plugins s'appuient sur JS pour charger les widgets de panier d'achat à la volée. La minification JS ou la mise en cache peut causer des problèmes ici - 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, y compris 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 similairewise), et le widget (ou bouton) du panier affiche le nombre de produits mis à jour. Le reste de la page ? Il n'est ni rafraîchi ni modifié.
Cette actualisation sélective se produit au moyen d'un appel AJAX. Maintenant, la partie négative de cette fonctionnalité est que les appels AJAX prennent du temps et affectent toujours le temps de chargement de la page. Donc, que l'utilisateur ajoute ou non un produit à appeler (c'est-à-dire si le panier doit être mis à jour au moyen d'AJAX), les bibliothèques doivent encore être chargées.
Si vraiment vous wish pour 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 ». Par la suite, enregistrez votre sélection (vous pouvez aussi désactiver AJAX sur les archives, si vous wish à).
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 peuvent parcourir votre base de données, supprimer les fragments et les surcharges 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.
Conclusion
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!
Images en vedette
Commentaires Réponses 0