Comment accélérer votre site de commerce électronique WordPress?

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 manières de créer et de configurer un site Web de commerce électronique WordPress. Bien sûr, tous ces moyens tournent autour de l'utilisation d'un plugin WordPress spécifique. 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 sont basées sur WooCommerce.

Cependant, que faire si vous n'êtes pas un utilisateur de WooCommerce? Il existe de nombreux autres modules externes 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 un magasin de commerce électronique avec des produits numériques (par opposition à des produits physiques), etc.

Indépendamment du plug-in WP ou des extensions que vous utilisez, vous devez toujours prendre certaines mesures communes 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.

Dans le cadre d'un site Web de commerce électronique WordPress, vous devez exécuter les tests de vitesse sur la page principale de votre magasin. 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 fournira un rapport indiquant exactement ce qui ralentit votre site Web de commerce électronique WordPress. Par exemple, le test suivant (effectué sur la page d'accueil de Shopify) montre que la mise en cache du navigateur, la combinaison JS et les redirections moins importantes peuvent augmenter le temps de chargement des pages.

Accélérer le site Web de commerce électronique WordPress

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 jamais sous-estimer l'importance d'un réseau de diffusion de contenu. Peu importe la qualité de votre hébergement Web, un CDN peut toujours le rendre meilleur et 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.

Plugins WordPress tels 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 des images. Le chargement différé signifie que l'ensemble d'images donné n'est pas chargé tant que l'utilisateur ne fait pas défiler 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 besoin de charger toutes les images à la fois. WP plugins tels 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 un plugin de mise en cache WordPress

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 plugin de mise en cache WordPress fiable et réputé. Certains noms dignes sont:

En outre, assurez-vous que le plug-in que vous sélectionnez est compatible avec votre plug-in WordPress eCommerce. Si vous utilisez WooCommerce, il n'y a rien à craindre - la plupart des plugins de mise en cache gardent à l'esprit les magasins WooCommerce et sont entièrement compatibles avec eux. Pour tous les autres plug-ins eCommerce WP, vous devrez peut-être vérifier la documentation de votre plug-in.

Par compatibilité, nous voulons dire que le plug-in de mise en cache devrait détecter automatiquement ce qu'il doit mettre en cache (et ce qu'il ne devrait pas). Voici un exemple: votre plug-in de mise en cache WP ne doit en aucun cas mettre en cache les pages Cart et Checkout. 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 pouvant ê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 menus 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 consiste à activer la minification CSS et HTML, mais évitez la minification JavaScript. De nombreux plug-ins de commerce électronique s'appuient sur JS pour charger les widgets de panier d'achat à la volée. La minification ou la mise en cache de JS peut poser problème ici - l'utilisateur peut ajouter un produit à son panier et l'ajouter 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. La plupart des plugins WP eCommerce, y compris WooCommerce, font 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 indique 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 vous souhaitez vraiment gagner en performances, vous pouvez désactiver les appels AJAX (utiliser un plugin simple comme celui-ci) et que votre plug-in de commerce électronique redirige l'utilisateur vers le panier lors de l'ajout du produit au panier. Voici comment faire cela dans WooCommerce:

Accélérer le site Web de commerce électronique WordPress

Rendez-vous simplement sur Paramètres, puis sur l'onglet Produits. Sélectionnez l'option “redirect to cart”. Ensuite, enregistrez votre sélection (vous pouvez également désactiver AJAX sur les archives, si vous le souhaitez).

Pendant que nous y sommes, un plugin WordPress simple mais très utile sera WooCommerce Speed ​​Drain Repair. Il arrête simplement de charger les méthodes AJAX et d'autres fonctions WooCommerce sur des pages non-WooCommerce (par exemple, votre blog ou la page à propos). Il peut vous aider à accélérer vos variétés de 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 plug-in WP populaire tel que WP Optimiser or WP Sweep. De tels plugins peuvent parcourir votre base de données, supprimer des fragments et des surcharges inutiles, etc. En nettoyant votre base de données WP à intervalles réguliers, vous pouvez augmenter le 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

Avatar

Sufyan bin Uzayr

Écrivain; auteur publié; amateur de café; développeur web; le gars derrière Parakozm.