La lenteur des boutiques WooCommerce peut vous coûter de l'argent de différentes manières, de l'augmentation de l'abandon de panier à la perte de la fidélité des clients. Selon Unbounce, près de 70 % des consommateurs déclarent que la vitesse de la page influence leur désir d'acheter dans une boutique en ligne. Le problème ici est que la vitesse dépend de nombreux facteurs, et son amélioration peut nécessiter beaucoup de temps et d'efforts.
Selon Portent, les taux de conversion des sites web diminuent en moyenne de 4,42 % pour chaque seconde de chargement d'une page entre 0 et 5 secondes, les pages avec des temps de chargement entre 0 et 2 secondes ayant les taux de conversion e-commerce les plus élevés.
Si la vitesse de chargement de votre site web est supérieure à 2-3 secondes, cet article est ce qu'il vous faut. Vous y trouverez plusieurs conseils éprouvés pour mesurer et améliorer les performances de votre site e-commerce.
Pourquoi la vitesse est-elle importante ?
La vitesse du site web est un élément essentiel pour le succès de toute entreprise en ligne, y compris les boutiques WooCommerce, pour plusieurs raisons :
Expérience utilisateur :
Les internautes ont généralement une faible capacité d'attention. Des temps de chargement lents peuvent entraîner le départ des visiteurs de votre site web avant même qu'il ne soit entièrement chargé. Un site web rapide, au contraire, facilite la navigation, encourageant les utilisateurs à explorer plus de pages et à rester plus longtemps.
SEO et classement :
La vitesse de la page est l'un des facteurs de classement les plus cruciaux pour Google. Des métriques comme le Largest Contentful Paint (LCP), le First Input Delay (FID) et le Cumulative Layout Shift (CLS) font partie des facteurs de classement de Google. Les sites web plus rapides ont plus de chances d'être mieux classés dans les moteurs de recherche. Avec l'augmentation des recherches sur mobile, la vitesse de la page mobile affecte également de manière significative le SEO.
Rentabilité :
Les sites web optimisés et plus rapides consomment généralement moins de bande passante et peuvent entraîner des coûts d'hébergement inférieurs. Les sites plus rapides nécessitent également moins de temps et d'efforts pour leur maintenance.
Utilisateurs mobiles :
Avec un nombre croissant d'utilisateurs accédant aux sites via des appareils mobiles, où les vitesses de connexion peuvent être plus lentes, une vitesse de site web optimisée devient encore plus cruciale. Un chargement lent peut être encore plus problématique sur les appareils mobiles et entraîner des taux de rebond plus élevés.
Portée mondiale :
Les utilisateurs de différentes régions avec des vitesses Internet variables peuvent avoir une expérience cohérente si votre site web est optimisé pour la vitesse. Les sites web plus rapides sont bénéfiques si vous visez un public mondial et utilisez un réseau de diffusion de contenu (CDN) pour servir du contenu localisé.
Comment évaluer la vitesse actuelle de la boutique ?
Avant de commencer le processus d'amélioration, vous devez déterminer où vous en êtes actuellement et connaître la vitesse actuelle de la boutique et les problèmes qui pourraient ralentir votre site. Voici quelques méthodes et outils que vous pouvez utiliser pour évaluer la vitesse de votre site WooCommerce :
Outils de test direct
Ces outils testent directement les performances de votre site web en le chargeant depuis différents endroits dans le monde, simulant divers appareils et vitesses de connexion :
- Google PageSpeed Insights : Fournit des informations sur la vitesse sur mobile et sur ordinateur. Donne également des suggestions d'optimisation pour WooCommerce.
- GTmetrix : Effectue une analyse détaillée incluant un graphique en cascade, des recommandations et divers scores.
- WebPageTest : Fournit des informations détaillées comme l'indice de vitesse, le temps jusqu'au premier octet, et plus encore.
Outils de développement de navigateur
Ces solutions, intégrées aux navigateurs modernes, permettent aux développeurs d'inspecter, de déboguer et de profiler les sites web :
- Chrome DevTools : Utilisez les onglets Réseau et Performance pour analyser la vitesse du site.
- Outils de développement de Firefox : Ces outils permettent aux développeurs d'inspecter, de déboguer et de profiler les pages web, les aidant à comprendre le comportement et la structure des sites web.
Outils côté serveur
Ces outils peuvent aider à identifier les problèmes côté serveur qui pourraient ne pas être évidents avec les outils de test frontend :
- New Relic : Fournit une analyse approfondie des performances du serveur, utile pour repérer les goulots d'étranglement du back-end.
- Analyse des journaux : Analysez les journaux du serveur pour repérer les problèmes.
Vérifications basées sur des plugins
Les plugins peuvent offrir un moyen pratique et puissant de surveiller divers aspects des performances de votre boutique WooCommerce directement depuis votre zone d'administration WordPress. Voici quelques approches populaires basées sur des plugins :
- Query Monitor : Un plugin WordPress pour vérifier quelles requêtes ralentissent votre site web.
- WP Debugging : Active les fonctionnalités de débogage de WordPress pour vérifier les problèmes.
Surveillance de l'utilisateur réel
La surveillance de l'utilisateur réel (RUM) est une approche de surveillance des performances qui capture et analyse chaque transaction effectuée par les utilisateurs d'un site web ou d'une application. Contrairement aux méthodes de surveillance synthétique, qui simulent le comportement des utilisateurs, le RUM collecte des données à partir des interactions réelles des utilisateurs avec votre site.
Généralement, vous ajoutez un petit morceau de code JavaScript à votre site web, qui collecte et envoie des données de performance à un serveur pour analyse. C'est ainsi que fonctionnent la plupart des outils RUM, bien que les détails de mise en œuvre spécifiques puissent varier. Parmi les outils utiles pour le RUM, on trouve New Relic Browser, Boomerang, Akamai mPulse, et d'autres.
14 façons d'améliorer la vitesse de votre boutique WooCommerce
Maintenant que vous connaissez la vitesse de chargement actuelle et les problèmes existants, vous pouvez élaborer une stratégie d'optimisation. Gardez à l'esprit que vous devrez probablement corriger plusieurs aspects du site web pour atteindre une excellente vitesse de boutique WooCommerce. De plus, vous devrez surveiller la vitesse de temps en temps, car elle peut finir par ralentir. Voici quelques conseils sur la façon dont vous pouvez améliorer les performances de votre site :
Trouver un hébergement fiable
Alors que la mauvaise option peut entraîner des clients insatisfaits et des pertes commerciales, le service d'hébergement web WooCommerce idéal peut garantir des performances impeccables, des temps de chargement rapides et une disponibilité constante.
Chaque type d'hébergement peut être proposé sous une variété de plans avec différents niveaux de prix. Par conséquent, lors de la recherche d'un fournisseur d'hébergement dans votre fourchette de prix, tenez compte de fonctionnalités telles que la mise en cache côté serveur, une bande passante et une RAM adéquates pour les besoins de votre site, un stockage SSD haute performance et des logiciels mis à jour, tels que PHP et MySQL.
Si vous avez un plan d'hébergement partagé, cela signifie que des centaines de sites web utilisent le même serveur et ses ressources. Choisissez un hébergeur qui restreint le nombre de sites web autorisés sur chaque serveur, ou envisagez de passer à un plan VPS ou dédié.
Optimiser les paramètres de performance
Changez d'abord l'URL de votre page de connexion. L'URL de connexion est généralement par défaut et connue de tous, y compris des pirates, ce qui rend les sites web vulnérables aux attaques.
Vous pouvez éviter les attaques par force brute des acteurs malveillants en changeant votre URL de connexion pour quelque chose d'unique. Vous pouvez également l'utiliser pour prévenir les problèmes HTTP de limitation de débit.
Si votre site e-commerce a également un blog, limitez le nombre d'entrées qui apparaissent dans votre flux de blog. Si vous gérez un blog populaire, les économies de performance s'accumulent. Ces ajustements peuvent être effectués dans les paramètres de lecture du tableau de bord WordPress.
Capture d'écran prise sur le site officiel de WordPress
Ensuite, désactivez les pingbacks sur votre site web. Généralement, ils produisent du spam. WordPress vous donne également la possibilité de diviser les longs commentaires des utilisateurs en portions plus petites si vous avez beaucoup de commentaires d'utilisateurs sur vos articles ou pages. Pour réduire le temps de chargement de votre page de produit, maintenez cette valeur entre 10 et 20.
Reconsidérer l'utilisation des plugins et des extensions
Il existe une pléthore de plugins pour WooCommerce, qui offrent une polyvalence illimitée. Cela ne signifie pas pour autant que vous devez tous les installer.
De nombreux plugins augmentent la quantité de fichiers Javascript ou CSS sur votre site web, ce qui entraîne une augmentation des requêtes HTTP vers votre serveur, ralentissant ainsi les opérations de votre entreprise. De plus, avoir plus de plugins signifie utiliser plus de ressources serveur, ce qui ralentit les temps de chargement.
Ce n'est pas le nombre de plugins que vous utilisez qui compte, mais leur qualité. Choisissez des plugins capables d'effectuer de nombreuses tâches, lisez les avis pour en savoir plus sur les performances, confirmez qu'ils sont fréquemment mis à jour et installez des options provenant de sources fiables.
Obtenir un thème e-commerce rapide
Très souvent, en optant pour un thème e-commerce, les concepteurs de sites web choisissent l'esthétique sans tenir compte de la vitesse de chargement des pages. En conséquence, l'apparence du frontend prend souvent le pas sur la vitesse de chargement de la page.
Pour optimiser le temps de chargement, choisissez un thème WooCommerce léger et optimisé pour les performances. Assurez-vous que le thème est réactif et possède un code propre.
Gardez également à l'esprit que de nombreux thèmes vous permettent de désactiver les éléments que vous n'utilisez pas. Pour déterminer si un thème se charge rapidement, essayez d'utiliser les outils de vitesse pour tester les pages de démonstration ou parcourez les avis laissés par les utilisateurs.
Compresser les images
Il est essentiel de réduire la taille de vos images avant de les publier sur votre site web, car l'utilisation d'images volumineuses ralentira considérablement la vitesse de chargement des pages. Pour redimensionner les images à la bonne taille pour votre site web, utilisez des logiciels comme Photoshop, GIMP ou Figma.
La taille des fichiers de vos photographies peut être réduite sans perte de qualité par compression. Choisissez le format approprié ; à moins que votre image n'ait un arrière-plan translucide, les images JPEG, qui sont plus petites, sont généralement les meilleures à télécharger. Faites attention à la taille : le téléchargement d'une image de 2000 pixels ne conviendra pas à un emplacement de seulement 500 pixels de large. Compressez l'image après l'avoir traitée : les compresseurs d'images réduisent la taille du fichier en supprimant toutes les données et métadonnées superflues.
Mettre en œuvre le chargement différé (Lazy Loading)
Une fonctionnalité connue sous le nom de chargement différé (lazy loading) empêche les images de se charger jusqu'à ce qu'un visiteur du site fasse défiler la page jusqu'à l'endroit où elles apparaissent. Par conséquent, vos clients n'auront pas à attendre que vos médias se chargent pour voir votre contenu. Si votre site web contient beaucoup d'images, cette stratégie peut réduire considérablement les temps de chargement du magasin.
Vous pouvez installer le chargement différé sur votre boutique WooCommerce en utilisant des plugins WordPress. Ces plugins réduisent le temps nécessaire à l'ouverture initiale de votre site web.
Fournir des ressources statiques via un CDN
Un réseau de diffusion de contenu (CDN) est un réseau de serveurs stratégiquement positionnés dans le monde entier. Les points de présence (PoP) sont les noms de ces sites de serveurs. La mise en cache et la livraison de ressources statiques comme les images, JavaScript, CSS, etc., sont les principales fonctions d'un CDN.
Même si votre site web est hébergé sur un serveur très rapide, son emplacement aura toujours un impact. La latence du réseau et le temps jusqu'au premier octet (TTFB) sont tous deux réduits grâce au CDN, qui raccourcit la distance entre chaque utilisateur et les ressources du site.
Il choisit automatiquement le PoP CDN le plus proche pour fournir les ressources mises en cache en fonction de l'origine de la demande. De nombreux CDN offrent des fonctionnalités supplémentaires améliorant les performances en plus de la mise en cache, comme une meilleure compression d'image à la volée, la prise en charge de HTTP/3, la prévention du hotlinking et une sécurité accrue.
Éliminer les scripts et feuilles de style inutilisés
La majorité des plugins et thèmes WordPress chargent des scripts et des feuilles de style sur chaque page de votre site web. Même lorsqu'ils ne sont pas nécessaires sur la page, ils chargent néanmoins ces éléments.
En supprimant ces éléments inutiles des sites web, vous pouvez réduire la surcharge de la page et accélérer le chargement des pages WooCommerce, ce qui peut vous faire gagner du temps lors de la configuration de nouveaux sites et de l'affectation du personnel. WooCommerce est vulnérable à ce problème, tout comme ses extensions.
Examinez le graphique en cascade dans le résultat de votre test de vitesse de site web pour déterminer ce qu'il faut supprimer. Il vous aidera à identifier tous les actifs superflus.
Pour vous débarrasser des scripts et des styles dont vous n'avez pas besoin, utilisez wp_dequeue_script et wp_dequeue_style. Asset CleanUp: Page Speed Booster est l'un des plugins qui permettent d'accomplir facilement le même objectif.
Capture d'écran prise sur le site officiel de WordPress
Se tourner vers la mise en cache
La mise en cache est le stockage temporaire de ressources d'une requête afin que les requêtes futures puissent être traitées rapidement. Le cache peut être conservé à la fois sur le serveur et sur l'appareil de l'utilisateur.
Lorsqu'un utilisateur fait une requête pour un site web, le serveur DNS obtient la page web du serveur d'hébergement, et l'application sur le serveur web exécute des scripts, recherche dans la base de données et produit la page web, qui est ensuite rendue et affichée à l'utilisateur par le navigateur. Le serveur est soumis à une pression énorme lorsque des milliers de visiteurs font plusieurs requêtes à la fois, ce qui entraîne un chargement lent de la page.
C'est là que la mise en cache entre en jeu. Elle réduit l'effort nécessaire pour produire une vue de page, diminuant la dépendance de WordPress à PHP et à une base de données. WordPress fonctionne presque aussi rapidement que les pages web statiques, sinon exactement.
La mise en cache côté serveur et la mise en cache du navigateur sont les deux principales catégories de mise en cache en ligne, chacune ayant une variété de sous-catégories.
Limiter les révisions
WooCommerce fournit une vérification de révision standard sur les pages de produits qui vous permet de revenir en arrière et de voir les modifications apportées aux pages. Bien que les modifications puissent sembler avantageuses, elles peuvent parfois causer des problèmes de performance de WooCommerce.
Par exemple, supposons que vous créez une page et que vous la modifiez plusieurs fois, en ajoutant ou en supprimant un élément à chaque fois. Vous avez autant de doublons de votre page originale que de modifications que vous avez apportées, même si la modification est modeste. Les performances de WooCommerce peuvent finalement en souffrir et se détériorer progressivement.
Vous devez apporter certaines modifications au fichier wp-config.php à la racine du site web pour limiter/désactiver les révisions.
Nettoyer la base de données
Chaque fois qu'un utilisateur entre sur votre site web, il demande le contenu de votre site, qui est en grande partie statique. Cependant, il fait une requête dynamique lorsqu'il passe une commande.
Si la base de données de votre magasin n'est pas optimisée, le traitement de ces requêtes peut prendre trop de temps. Un temps de réponse lent du serveur se traduit finalement par un site web lent. Par conséquent, vous devez éliminer les déchets inutiles pour nettoyer et optimiser la base de données.
Il existe plusieurs approches pour l'optimisation de la base de données :
- Débarrassez-vous des anciennes révisions. Les pages, articles et produits de votre boutique WooCommerce seront chargés de modifications obsolètes si elle est en ligne depuis un certain temps. Il est temps de les nettoyer. La méthode la plus simple consiste à utiliser des plugins comme WP-Sweep ou WP Rocket.
- Supprimez les transitoires expirés. Un cache temporaire défectueux produit parfois plus d'un million d'entrées inutiles sans fin apparente. Au fil du temps, les sessions des clients peuvent s'accumuler, ajoutant des milliers d'entrées supplémentaires à vos tables de base de données. Une base de données surchargée peut faire tomber votre site web dans de telles circonstances. Tous les transitoires expirés peuvent être facilement supprimés avec le plugin gratuit Delete Expired Transients.
Capture d'écran prise sur le site officiel de WordPress
- Nettoyez vos tables de base de données. Tout ce qui est nécessaire pour faire fonctionner votre entreprise de commerce électronique est conservé dans votre base de données WooCommerce. Votre base de données devient inefficace et finit par conserver beaucoup de données sans importance lorsque des données sont ajoutées et déplacées dans les tables. Le nettoyage de vos tables de base de données est vital pour supprimer ces informations supplémentaires.
- Désactivez les fonctionnalités qui ne sont pas critiques mais qui sollicitent la base de données. Les thèmes et plugins pour WooCommerce ont de nombreuses fonctionnalités intelligentes qui semblent géniales au début mais finissent par détruire la base de données. L'un des exemples est les plugins de compression d'images, qui compressent les images sur le même serveur qui héberge le site web. Les plugins qui ajoutent des compteurs à votre site web, comme les vues, les commentaires, etc., doivent également être évités.
Effectuer une optimisation mobile
Selon Oberlo, 60 % des acheteurs déclarent que la possibilité de faire des achats via mobile est un critère important dans le choix d'une marque. Par conséquent, l'optimisation mobile est absolument vitale.
L'utilisation d'un thème réactif est l'approche la plus simple pour adapter votre site web WordPress aux appareils mobiles. Gardez les pages de votre boutique aussi simples que possible, car les clients mobiles n'aiment pas faire défiler sans fin. Ne les submergez pas d'informations.
Si votre entreprise a beaucoup d'articles affichés, facilitez la recherche pour les clients mobiles en fournissant des filtres de produits en direct. Envisagez d'installer le plugin WooCommerce Product Search.
Utilisez l'outil Lighthouse de Chrome ou l'outil de test d'optimisation mobile de Google pour voir si votre site web satisfait aux directives d'utilisabilité mobile requises.
Minimiser les redirections
Le serveur enregistre chaque clic sur un lien vers une page de votre boutique comme une redirection. Essentiellement, le serveur doit diriger les utilisateurs vers la bonne page. Bien que cela ne prenne que quelques secondes, les clients peuvent le percevoir comme un long moment, ce qui affecte directement le taux de rebond de votre boutique.
Si votre site web a beaucoup de redirections, vous utilisez des ressources serveur et prolongez le temps nécessaire pour atteindre la page finale. Par conséquent, la réduction des redirections entraînera une augmentation notable du temps de chargement de la page, car il s'agit d'une approche d'optimisation WooCommerce éprouvée.
Mettez à jour votre version de PHP et augmentez la limite de mémoire
Chaque mise à jour de PHP est plus rapide que les versions précédentes. Votre hébergeur détermine la version de PHP que vous utilisez, et vous pouvez souvent la modifier dans votre panneau de contrôle d'hébergement. Cependant, la procédure spécifique peut varier en fonction de votre fournisseur. Alternativement, vous pouvez simplement demander au service client de le faire pour vous. Avant de mettre à jour votre version de PHP, créez une sauvegarde complète du site web, puis testez tout pour vous assurer que cela fonctionne correctement.
Votre hébergeur a alloué une certaine quantité de mémoire à votre site web. Cependant, vous pourriez dépasser cette limite en fonction de votre site particulier. Vous pouvez toujours contacter votre hébergeur si votre panneau de contrôle d'hébergement ne vous permet pas de modifier la limite. PHP reçoit une allocation de mémoire de 32 Mo de WordPress par défaut. Il essaiera automatiquement d'augmenter cette limite à 40 Mo ou 64 Mo s'il rencontre des problèmes. Cette limite ne sera souvent pas suffisante pour un site WooCommerce. Il est conseillé d'augmenter cette limite à 256 Mo.
Conclusion
Avec les méthodes fournies ci-dessus, vous pouvez améliorer considérablement la vitesse de votre boutique WooCommerce, couvrant toute la gamme, des ajustements de paramètres de base aux solutions avancées côté serveur. Ces techniques sont là pour améliorer la vitesse de votre site web et devraient faire partie d'une stratégie continue pour non seulement améliorer mais aussi maintenir les performances du site.
En fin de compte, l'optimisation de la vitesse n'est pas une tâche ponctuelle mais un engagement continu. La surveillance régulière de la vitesse de votre site web à l'aide des divers outils et méthodes discutés peut fournir des informations précieuses sur l'efficacité de vos efforts d'optimisation WooCommerce.
