Comment accélérer votre site e-commerce (14 astuces éprouvées)

La lenteur tue les ventes. Chaque jour, nous voyons des propriétaires de boutiques e-commerce aux prises avec le même problème : des clients qui visitent leur site mais le quittent avant de faire un achat.

Chez WPBeginner, nous aidons les entreprises en ligne à optimiser leurs sites Web pour des performances ultra-rapides. Nous avons vu leurs chiffres de vente augmenter simplement en rendant leurs sites Web plus rapides à charger.

Lorsque votre site se charge rapidement, les clients restent plus longtemps, parcourent plus de produits et sont plus susceptibles de finaliser leurs achats.

Nous avons testé toutes les techniques d'optimisation de la vitesse imaginables. Nous partagerons les meilleures stratégies que nous utilisons pour aider nos clients à améliorer considérablement leurs temps de chargement et à constater de réelles augmentations de leurs taux de conversion.

Pourquoi la vitesse est importante pour votre boutique e-commerce

Nous avons appris que la vitesse du site Web n'est pas seulement une fonctionnalité agréable à avoir ; c'est une nécessité commerciale. Lorsque les clients cliquent sur votre page produit et que rien ne se passe pendant plusieurs secondes, ils n'attendent pas. Ils cliquent sur le bouton retour et achètent chez votre concurrent à la place.

L'impact commercial des temps de chargement lents est plus grave que ce que la plupart des propriétaires de boutiques en ligne ne réalisent. Des recherches d'Akamai montrent qu'un délai de 100 millisecondes dans le temps de chargement d'un site Web peut nuire aux taux de conversion de 7%.

Pour une boutique générant 100 000 $ par mois, cela se traduit par 7 000 $ de revenus perdus, rien qu'à cause d'un minuscule délai que la plupart des gens ne remarqueraient même pas.

Mais l'impact va au-delà des ventes immédiates. Nous avons également constaté comment la vitesse du site Web affecte la croissance à long terme grâce à la visibilité dans les moteurs de recherche.

Google a clairement indiqué que la vitesse des pages est un facteur de classement, en particulier avec leur mise à jour Core Web Vitals. Lorsque vos classements SEO s'améliorent grâce à des temps de chargement plus rapides, vous obtenez plus de trafic organique, ce qui signifie plus de clients potentiels trouvant votre boutique.

Le résultat est simple : les sites web plus rapides rapportent plus d'argent et attirent plus de visiteurs.

Plongeons maintenant dans les stratégies spécifiques que nous utilisons pour aider les boutiques de commerce électronique à atteindre des vitesses de chargement ultra-rapides :

1. Choisissez un meilleur fournisseur d'hébergement pour le commerce électronique
2. Installer un plugin de mise en cache WordPress
3. Utiliser la dernière version de PHP
4. Utilisez la dernière version de WordPress & WooCommerce
5. Optimisez les images de produits pour les performances
6. Utilisez un pare-feu de site web au niveau DNS
7. Choisissez un meilleur thème WordPress
8. Utilisez de meilleurs plugins WordPress
9. Réduire les requêtes HTTP externes
10. Réduisez les requêtes de base de données
11. Optimiser la base de données WordPress
12. Utilisez des sites de staging pour suivre les problèmes de performance
13. Déchargez les e-mails de commerce électronique
14. Utilisez de meilleurs outils d'optimisation du taux de conversion
15. Tutoriel vidéo

1. Choisissez un meilleur fournisseur d'hébergement pour le commerce électronique

Toutes les optimisations de performance de commerce électronique que vous apportez à votre site web auront peu d'impact si vous n'avez pas un bon fournisseur d'hébergement pour le commerce électronique.

Toutes les sociétés d'hébergement WordPress ne se valent pas. Pour de meilleures performances, vous devez choisir un fournisseur d'hébergement pour le commerce électronique qui fait ce qui suit :

• Fournit une plateforme stable et à jour pour héberger votre boutique de commerce électronique.
• Est optimisé pour WordPress, WooCommerce, ou tout autre plugin de commerce électronique que vous pourriez vouloir utiliser.
• Leurs serveurs sont optimisés pour la vitesse et les performances. Cela signifie une mise en cache intégrée, une sécurité et d'autres fonctionnalités pour améliorer les performances.

Nous recommandons d'utiliser SiteGround. C'est là que nous hébergeons WPBeginner, et ils sont l'un des fournisseurs d'hébergement WordPress officiellement recommandés.

Les serveurs SiteGround fonctionnent sur la plateforme Google Cloud, reconnue pour ses hautes performances. Ils disposent d'un cache intégré et même de leur propre plugin d'optimisation qui implémente automatiquement de nombreux conseils de performance que nous recommanderons plus loin dans cet article.

Si vous recherchez des alternatives, vous pouvez consulter notre liste des meilleurs hébergements WooCommerce.

Après avoir configuré votre boutique e-commerce sur un bon service d'hébergement, vous pouvez appliquer les conseils d'optimisation suivants pour améliorer les performances.

2. Installer un plugin de cache WordPress

WooCommerce est une plateforme e-commerce dynamique. Cela signifie que toutes les données de vos produits sont stockées dans une base de données, et que les pages produits sont générées lorsqu'un utilisateur visite votre site web.

Pour ce faire, WordPress doit exécuter le même processus à chaque fois. Si plus de personnes visitent votre boutique e-commerce en même temps, elle ralentira et pourrait même planter.

Un plugin de cache vous aide à résoudre ce problème.

Au lieu de générer les pages à chaque fois, un plugin de cache affiche à l'utilisateur une version mise en cache de la page HTML. Cela libère les ressources de votre serveur et lui permet de fonctionner plus efficacement, ce qui améliore le temps de chargement du site web.

Il existe d'excellents plugins de cache WordPress. Nous recommandons d'utiliser WP Rocket. C'est le meilleur plugin de cache WordPress du marché, avec les réglages les plus conviviaux pour les débutants.

Contrairement à d'autres solutions de mise en cache WordPress, nous apprécions que WP Rocket n'attende pas que les utilisateurs visitent une page pour générer une version mise en cache. Au lieu de cela, il prépare automatiquement un cache de votre site Web et le maintient à jour.

Avec les bons réglages de WP Rocket, vous pouvez facilement obtenir des scores quasi parfaits dans les outils de test de vitesse tels que Pingdom, GTMetrix, Google Pagespeed Insights, et plus encore.

Pour plus de détails et d'instructions, consultez notre article sur comment installer et configurer WP Rocket dans WordPress.

Les meilleures sociétés d'hébergement WordPress, comme SiteGround et Bluehost, proposent également leurs propres solutions de mise en cache.

SiteGround SG Optimizer

SiteGround vous permet d'activer facilement la mise en cache dans votre boutique e-commerce en utilisant leur plugin SG Optimizer.

Cet outil de performance tout-en-un comprend la mise en cache, des optimisations de performance, la conversion d'images WebP dans WordPress, l'optimisation de la base de données, la minification CSS, la compression GZIP, et plus encore.

Installez et activez simplement le plugin SG Optimizer dans WordPress. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Lors de l'activation, cliquez sur le menu SG Optimizer dans la barre latérale d'administration de votre WordPress pour accéder aux paramètres du plugin. À partir de là, vous devez activer l'option de mise en cache dynamique.

Activer la mise en cache sur Bluehost

De même, Bluehost vous permet également d'utiliser son système de mise en cache intégré pour optimiser WooCommerce.

Connectez-vous simplement à votre tableau de bord Bluehost et accédez à la page Sites Web. Si vous avez plusieurs sites, sélectionnez votre site, puis passez à l'onglet « Vitesse ».

À partir de là, vous devez activer le contrôle de la mise en cache à l'aide du commutateur. Vous pouvez également choisir parmi trois niveaux de mise en cache différents. Bluehost recommande le niveau « Actifs uniquement » pour les sites de commerce électronique.

3. Utilisez la dernière version de PHP

WordPress et WooCommerce sont principalement écrits dans le langage de programmation PHP.

À chaque nouvelle version, PHP s'améliore en termes de performances et devient plus rapide. Il corrige également les bugs et les failles de sécurité qui pourraient compromettre la stabilité et la vitesse de votre site web.

C'est pourquoi vous devriez toujours utiliser la dernière version de PHP.

Vous pouvez connaître la version PHP de votre boutique e-commerce en visitant Outils » Santé du site dans votre tableau de bord WordPress et en passant à l'onglet « Info ».

À partir de là, vous devez cliquer sur la section « Serveur » pour l'agrandir.

Vous pourrez voir la version PHP utilisée par votre serveur.

Si votre site web fonctionne avec une version de PHP inférieure à 8.0, vous devriez contacter votre fournisseur d'hébergement et lui demander de la mettre à jour pour vous.

Pour plus de détails, consultez notre article sur l'impact des mises à jour PHP sur votre site web.

Remarque : Certaines sociétés d'hébergement WordPress géré comme SiteGround ont développé leur propre Ultrafast PHP pour améliorer le temps de réponse global du serveur. D'autres utilisent PHP FastCGI pour aider les clients à améliorer la vitesse de leur e-commerce.

4. Utilisez la dernière version de WordPress & WooCommerce

Les développeurs de WordPress et WooCommerce consacrent beaucoup de temps à l'amélioration des performances lors de chaque cycle de développement. Cela permet aux deux applications de fonctionner plus efficacement et d'utiliser moins de ressources côté serveur.

Chaque nouvelle version corrige également les bugs et renforce la sécurité, ce qui est crucial pour une entreprise de e-commerce.

En tant que propriétaire de la boutique, il est de votre responsabilité de vous assurer que vous utilisez la dernière version de WordPress, WooCommerce, d'autres plugins et de votre thème WordPress.

Allez simplement sur la page Tableau de bord » Mises à jour pour installer toutes les mises à jour disponibles.

Connexe : Consultez notre guide sur les avantages et inconvénients de l'utilisation de WordPress pour le commerce électronique.

5. Optimiser les images de produits pour les performances

Les images de produits sont l'un des éléments visuellement les plus importants pour une boutique en ligne. De meilleures images de produits maintiennent l'engagement des clients potentiels et peuvent aider à augmenter les conversions de ventes.

C'est pourquoi il est important d'ajouter des images de produits de haute qualité. Cependant, vous devez vous assurer que les tailles de fichiers d'images volumineuses sont correctement optimisées.

Il existe deux façons d'optimiser les images de produits pour le web sans perdre en qualité.

Premièrement, vous pouvez optimiser chaque image de produit sur votre ordinateur avant de la télécharger sur votre site web. Cela nécessite un logiciel d'édition d'images comme Adobe Photoshop, Affinity ou GIMP.

La plupart d'entre eux ont l'option d'exporter une image pour le web. Vous pouvez également ajuster la qualité de l'image avant de l'enregistrer pour le téléchargement.

Alternativement, vous pouvez utiliser un plugin de compression d'images pour WordPress. Ces plugins optimisent automatiquement la taille de vos images de produits pour de meilleures performances du site.

Outre la compression d'images, le type de fichier image que vous choisissez peut également vous aider. Par exemple, nous constatons que le JPEG est un meilleur format pour les images comportant beaucoup de couleurs, tandis que les images PNG sont meilleures pour les images transparentes.

6. Utilisez un pare-feu de site Web au niveau DNS

Les attaques par force brute et les attaques DDoS sont des nuisances courantes sur Internet. Essentiellement, les pirates essaient de surcharger votre serveur pour s'introduire, voler des données ou installer des logiciels malveillants.

La plupart des sociétés d'hébergement disposent de protections de base qui protègent vos sites Web contre de telles attaques. Cependant, un inconvénient de ces attaques est qu'elles ralentissent considérablement le chargement de votre site Web.

C'est là que vous avez besoin d'un pare-feu d'application Web (WAF).

Or, les plugins de pare-feu WordPress courants s'exécutent sur votre propre serveur Web. Cela les rend un peu moins efficaces, car ils ne peuvent pas bloquer les attaques suspectes avant qu'elles n'atteignent votre serveur.

D'autre part, un pare-feu au niveau DNS est capable de filtrer le trafic de votre site Web dans le cloud et de bloquer les attaques suspectes avant même qu'elles n'atteignent votre site Web.

Nous recommandons d'utiliser Sucuri. C'est le meilleur plugin de pare-feu WordPress avec une suite de sécurité complète.

Sucuri est également livré avec un puissant CDN (réseau de diffusion de contenu). Un CDN sert le contenu statique de votre site Web (images, feuilles de style, JavaScript) à partir d'un réseau mondial de serveurs. Cela réduit davantage la charge de votre serveur et améliore le temps de chargement global du site.

Si vous recherchez une option gratuite, alors le CDN gratuit Cloudflare vous offre une protection de pare-feu DNS de base. Nous l'utilisons actuellement sur WPBeginner.

7. Choisissez un meilleur thème WordPress

Les thèmes WordPress contrôlent l'apparence de votre boutique e-commerce. Cependant, tous ne sont pas optimisés pour la performance et ajoutent souvent trop de désordre, ce qui ralentit votre site Web.

Lors du choix d'un thème WordPress pour une boutique e-commerce, vous devez trouver l'équilibre entre fonctionnalité et vitesse. Les fonctionnalités du thème telles que les sliders, les carrousels, les polices Web et les polices d'icônes peuvent ralentir votre site Web.

Nous vous recommandons d'opter pour un thème simple, puis d'utiliser des plugins pour ajouter les fonctionnalités dont vous avez besoin. Cela vous donne un meilleur contrôle sur la performance et l'apparence de votre boutique en ligne.

Thèmes WordPress par StudioPress, Elegant Themes et Astra sont tous optimisés pour la performance. Pour des recommandations de thèmes plus individuelles, consultez nos sélections d'experts pour les meilleurs thèmes WooCommerce pour WordPress.

8. Utilisez de meilleurs plugins WordPress

L'une des questions les plus fréquemment posées par les débutants WordPress est combien de plugins ils peuvent utiliser dans leur boutique sans affecter les performances.

La réponse est autant que vous le souhaitez. Nous avons 62 plugins installés sur WPBeginner et notre site se charge toujours en moins d'une demi-seconde.

Le nombre total de plugins n'affecte pas les performances de votre boutique en ligne. C'est la qualité du code qui le fait.

Un seul plugin WordPress mal codé peut charger trop de scripts ou de feuilles de style qui pourraient affecter la vitesse de chargement des pages.

D'un autre côté, un plugin bien codé utiliserait les meilleures pratiques standard pour minimiser l'impact sur les performances. Nous vous recommandons de tester vos plugins pour leur impact sur les performances avant et après leur installation.

Nous maintenons également une liste des plugins WooCommerce indispensables, où nous avons sélectionné à la main les plugins WooCommerce essentiels utilisés par la plupart des boutiques en ligne.

Par exemple, l'outil de création de pages de destination par glisser-déposer SeedProd vous aide à créer des pages de destination eCommerce ultra-rapides sans écrire une seule ligne de code.

Pour en savoir plus sur ce sujet, consultez notre guide sur comment choisir les meilleurs plugins WordPress. Il présente un processus étape par étape pour évaluer les plugins WordPress et choisir celui qui convient le mieux à votre boutique en ligne.

9. Réduire les requêtes HTTP externes

Une page eCommerce typique contient plusieurs composants. Par exemple, elle comprend des images, des fichiers CSS et JavaScript, des vidéos intégrées, et plus encore.

Chaque composant est chargé séparément par les navigateurs des utilisateurs en effectuant une requête HTTP à votre serveur. Plus il y a de requêtes HTTP, plus le temps de chargement de la page est long.

Votre serveur peut également récupérer des éléments à partir d'outils et de services tiers tels que Google Analytics, le reciblage sur les réseaux sociaux et d'autres services. Ce sont les requêtes HTTP externes. Celles-ci peuvent prendre encore plus de temps à se terminer lors du chargement typique d'une page Web.

Il est acceptable d'avoir ces scripts sur votre site Web WordPress, mais s'ils affectent les performances de votre site Web, vous devez envisager de les réduire.

Vous pouvez afficher les requêtes HTTP externes en visitant votre site Web et en ouvrant l'outil d'inspection dans votre navigateur. À partir de là, basculez vers l'onglet Sources » Page pour afficher toutes les requêtes HTTP externes.

10. Réduire les requêtes de base de données

WordPress et WooCommerce utilisent une base de données pour stocker de nombreux contenus et paramètres. Votre thème et vos plugins WordPress effectuent également des requêtes de base de données pour récupérer et afficher ces informations à l'écran.

Les requêtes de base de données sont extrêmement rapides, et votre site Web peut en exécuter des centaines en quelques millisecondes. Cependant, si votre site Web gère un pic de trafic, ces requêtes peuvent ralentir le temps de chargement de votre page.

Vous pouvez vérifier les appels de base de données en utilisant un plugin comme Query Monitor dans WordPress. Après activation, le plugin ajoutera le menu de surveillance des requêtes à votre barre d'administration WordPress.

Cependant, minimiser ces requêtes peut ne pas être possible pour les utilisateurs débutants. Par exemple, vous devrez peut-être modifier votre thème WordPress pour réduire les appels de base de données.

Si vous êtes à l'aise pour modifier les fichiers de votre thème WordPress ou pour déboguer du code, vous pouvez rechercher les appels de base de données qui peuvent être évités.

Les autres utilisateurs peuvent essayer de trouver un meilleur thème WordPress et des plugins alternatifs pour réduire les appels de base de données si nécessaire.

11. Optimiser la base de données WordPress

Au fil du temps, votre base de données WordPress peut s'encombrer d'informations dont vous n'avez peut-être plus besoin.

Ce désordre peut potentiellement ralentir les requêtes de base de données, les processus de sauvegarde et les performances générales de WordPress. De temps en temps, il est important d'optimiser votre base de données WordPress pour désencombrer les informations inutiles.

Installez et activez simplement le plugin WP Sweep. Après activation, allez simplement dans Outils » Nettoyer pour nettoyer votre base de données WordPress.

Pour en savoir plus sur ce sujet, consultez notre article sur comment optimiser la base de données WordPress pour la vitesse et les performances.

12. Utiliser des sites de staging pour suivre les problèmes de performance

Apporter des modifications à une boutique e-commerce en ligne peut causer des problèmes. Par exemple, un client peut perdre sa commande, ou votre site peut tomber en panne pendant un événement de vente.

Un site de staging vous aide à essayer facilement des astuces d'optimisation des performances, de nouveaux plugins ou un thème sans affecter votre boutique en ligne.

Essentiellement, un site de staging est un clone de votre site web en ligne utilisé pour tester les modifications avant de les mettre en ligne.

De nombreuses sociétés d'hébergement WordPress populaires proposent une configuration de site de staging en 1 clic. Une fois configuré, vous pouvez essayer vos modifications et suivre la vitesse de chargement de vos pages et les performances.

Une fois que vous êtes prêt à implémenter ces modifications, vous pouvez simplement déployer le site de staging sur la version en ligne.

Pour des instructions étape par étape, consultez notre tutoriel sur comment créer un site de staging pour WordPress.

13. Décharger les e-mails e-commerce

Les e-mails jouent un rôle très important dans une boutique e-commerce. Ils sont utilisés pour livrer les confirmations de commande, les factures, les e-mails de réinitialisation de mot de passe, les messages de vente et de marketing, et plus encore.

Cependant, de nombreux débutants ne s'en rendent pas compte et utilisent la fonctionnalité d'e-mail limitée de leur fournisseur d'hébergement pour les e-mails e-commerce.

La plupart des sociétés d'hébergement ne prennent pas en charge la fonction d'envoi d'e-mails par défaut de WordPress. Certaines la désactivent même pour éviter le spam et les abus.

C'est pourquoi vous devez utiliser un fournisseur de services d'e-mail SMTP dédié avec le plugin WP Mail SMTP. Ces entreprises sont spécialisées dans l'envoi d'e-mails en masse et garantissent une meilleure délivrabilité, ce qui signifie que vos e-mails ne finissent pas dans le dossier spam.

Nous recommandons d'utiliser SendLayer, car ils sont l'un des meilleurs fournisseurs de services SMTP pour les e-mails transactionnels.

SendLayer est facile à configurer et fonctionne avec WooCommerce et tous les principaux plugins de formulaire de contact WordPress. De plus, ils offrent un essai gratuit de 30 jours avec jusqu'à 50 000 e-mails.

Si vous souhaitez en examiner d'autres, vous pouvez consulter SMTP.com, Brevo (Anciennement Sendinblue), ou Mailgun.

14. Utilisez de meilleurs outils d'optimisation du taux de conversion

En ce qui concerne les sites Web de commerce électronique, l'optimisation du taux de conversion (CRO) est importante pour augmenter les ventes.

Un magasin en ligne typique comporte de nombreux éléments dynamiques pour augmenter les conversions, tels qu'une barre de livraison gratuite sur la page d'accueil, un compte à rebours pour les soldes du Black Friday dans l'en-tête du site Web, une fenêtre contextuelle d'intention de sortie sur les pages de paiement, ou même un jeu de roue à tourner sur le site mobile pour réduire l'abandon de panier.

Souvent, les propriétaires de magasins et les détaillants utilisent une combinaison d'outils et de plugins pour ajouter ces éléments dynamiques. Le défi est que tous ne sont pas correctement optimisés pour la vitesse.

C'est pourquoi il est important de choisir des outils d'optimisation de la conversion qui offrent une suite de fonctionnalités sur une seule plateforme, afin de ne pas charger plusieurs scripts externes.

Voici une liste d'outils d'optimisation de conversion populaires que nous utilisons sur nos sites Web de commerce électronique :

• OptinMonster – La boîte à outils d'optimisation de conversion la plus puissante qui vous permet de créer des fenêtres contextuelles personnalisées, des campagnes de gamification, des barres flottantes, et plus encore.
• LiveChat.com – Le meilleur logiciel de chat en direct. Ils proposent également le logiciel d'automatisation ChatBot qui fonctionne à la fois pour WooCommerce et Shopify.
• TrustPulse – Le meilleur logiciel de preuve sociale du marché, optimisé pour la vitesse. Vous pouvez l'utiliser pour afficher l'activité des utilisateurs en temps réel sans ralentir votre site.

En ce qui concerne les outils d'analyse et de tests A/B, nous recommandons de n'utiliser que ce qui est absolument nécessaire.

Par exemple, si vous lancez une nouvelle page de destination ou un nouveau design de site Web, il est important d'exécuter des analyses de heatmap. Cependant, après une courte période d'analyse, nous recommandons de désactiver les heatmaps afin qu'elles ne ralentissent pas la vitesse de votre site Web.

De même, pour les outils de test A/B, vous n’avez pas besoin d’exécuter ces scripts sur chaque page de votre site web. Vous pouvez charger sélectivement les scripts de test A/B sur des pages spécifiques, et lorsque vous avez terminé le test, n’oubliez pas de supprimer le script.

Tutoriel vidéo

S'abonner à WPBeginner

Nous espérons que cet article vous a aidé à accélérer votre site web e-commerce. Vous pourriez également consulter notre manuel de sécurité WordPress ou notre guide complet de configuration e-commerce WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.