Les boutiques WooCommerce lentes peuvent 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 affirment 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 meilleurs taux de conversion e-commerce.
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 d'un 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 courte durée d'attention. Des temps de chargement lents peuvent amener les visiteurs à quitter 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 des pages mobiles 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, connaître la vitesse actuelle de votre 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 du 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 du 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 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 back-end.
- Analyse des journaux : Analysez les journaux du serveur pour repérer les problèmes.
Vérifications basées sur les 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 les 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 des utilisateurs réels (RUM)
La surveillance des utilisateurs réels (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'accélérer 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 d'activité, 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, en recherchant 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 limite 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 de distinctif. Vous pouvez également l'utiliser pour prévenir les problèmes de limitation de débit HTTP.
Si votre site e-commerce a également un blog, limitez le nombre d'articles qui apparaissent dans votre flux de blog. Si vous gérez un blog populaire, les économies de performance s'additionnent. 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 rétroliens (pingbacks) sur votre site web. Généralement, ils produisent du spam. WordPress vous donne également la possibilité de diviser les longs commentaires d'utilisateurs en portions plus petites si vous avez beaucoup de commentaires sur vos articles ou pages. Pour réduire le temps de chargement de votre page produit, maintenez cette valeur entre 10 et 20.
Réévaluer l'utilisation des plugins et 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 amène votre serveur à recevoir plus de requêtes HTTP, ralentissant 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.
Le nombre de plugins que vous utilisez n'a pas d'importance ; ce qui compte, c'est leur qualité. Choisissez des plugins qui peuvent effectuer de nombreuses tâches, lisez les avis pour en savoir plus sur leurs performances, confirmez qu'ils sont mis à jour fréquemment et installez des options provenant de sources réputées.
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. Par conséquent, l'apparence du frontend prime souvent 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 également 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. Sélectionnez le format approprié ; à moins que votre image n'ait un fond translucide, les images JPEG, qui sont plus petites, sont souvent les meilleures à télécharger. Attention à la taille : télécharger 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 de la boutique.
Vous pouvez installer le chargement différé sur votre boutique WooCommerce en utilisant des plugins WordPress. Les plugins raccourcissent le temps de chargement initial 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 la tâche principale 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 requête. De nombreux CDN offrent des capacités supplémentaires d'amélioration des performances en plus de la mise en cache, comme une meilleure compression d'image à la volée, le support 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 le poids des pages 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 les ressources superflues.
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 fait partie des plugins qui facilitent la réalisation de cet objectif.
Capture d'écran prise sur le site officiel de WordPress
Utiliser 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 serveur et l'appareil de l'utilisateur sont tous deux capables de conserver le cache.
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 ralentit le chargement de la page.
La mise en cache entre en jeu dans cette situation. Elle réduit l'effort nécessaire pour produire une vue de page, diminuant la dépendance de WordPress envers 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 standard des révisions 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 sur WooCommerce.
Par exemple, supposez 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 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 effectuer certains ajustements dans le fichier wp-config.php à la racine du site web pour restreindre/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 boutique 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 like 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 essentiel 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 astucieuses qui semblent excellentes au début mais finissent par détruire la base de données. 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 l'option d'achat 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 vos pages de 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 affiche de nombreux articles, 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 respecte les directives d'ergonomie 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 des pages, car c'est 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 société d'hébergement 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 société d'hébergement 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 non seulement pour améliorer mais aussi pour 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.
