12 façons simples d'accélérer votre boutique WooCommerce

L'hébergement WooCommerce géré de Nexcess est conçu pour rendre votre boutique en ligne ultra-rapide.

Accélérer votre boutique WooCommerce peut aider à prévenir les abandons de clients et les pertes de ventes, que vous soyez propriétaire d'une boutique sur l'hébergement WooCommerce géré de Nexcess ou propriétaire d'une boutique WooCommerce qui n'est pas encore prêt pour un produit spécialisé.

Bien que vous puissiez penser que l'amélioration de votre expérience utilisateur passe par la collecte de plus d'analyses d'utilisateurs et l'inclusion d'outils tels que la personnalisation et le chat en direct, ces outils et analyses peuvent en fait ralentir votre site Web.

L'augmentation de la vitesse de votre boutique peut affecter positivement votre référencement en améliorant l'expérience utilisateur. En effet, un site web qui met plus de 3 secondes à se charger sera abandonné par 40% des acheteurs. Un délai de 2 secondes augmente les taux de rebond de 103 %. Et un délai de 100 millisecondes a un impact sur les taux de conversion de 7 %. Un chargement retardé peut entraîner directement une perte de revenus, en particulier pendant les heures de pointe, comme le Cyber ​​​​Monday et le Black Friday.

Que vous utilisiez une option d'hébergement partagé ou que vous n'ayez pas atteint le stade où vous avez besoin d'une option entièrement gérée, les 12 changements puissants que nous incluons ci-dessous peuvent vous aider à optimiser votre site WooCommerce, accélérer votre magasin et améliorer les performances. Mieux encore, ces changements ne prendront pas beaucoup de temps, d'efforts ou de coûts à mettre en œuvre.

1. Testez la vitesse actuelle de votre site

Pour accélérer votre boutique WooCommerce, vous devez tester votre vitesse actuelle - et vous devrez peut-être continuer à tester la vitesse lorsque vous apportez des modifications et optimisez votre site WooCommerce. En testant la vitesse, vous pouvez être sûr que vos améliorations fonctionnent.

Si vous souhaitez une approche simple pour tester la vitesse d'une page Web, essayez WebPageTest.

PageSpeed ​​Insights de Google examine le contenu d'une page et propose des suggestions pour rendre la page plus rapide.

Ces deux sites offrent des mesures et des analyses plus complexes. Google dispose de PageSpeed ​​Tools, qui comprend des protocoles et des normes ainsi que des meilleures pratiques en matière de performances, et WebPageTest dispose d'un outil pour capturer l'expérience visuelle de votre utilisateur.

2. Assurez-vous d'avoir un thème rapide

Avoir un thème WooCommerce visuellement impressionnant avec de nombreuses fonctionnalités intégrées peut sembler améliorer l'expérience utilisateur. Cependant, ces fonctionnalités prennent du temps à se charger. Choisir le thème WooCommerce le plus rapide pour votre boutique peut être relativement simple.

Avant de choisir un thème, réfléchissez à toutes les fonctionnalités que vous souhaitez inclure dans votre boutique en ligne. Notez ces caractéristiques et évaluez-les en fonction de la nécessité. Cette tâche vous aidera à vous mettre à la place de l'utilisateur qui viendra dans votre magasin et vous aidera à n'inclure que ce qui est nécessaire pour que votre utilisateur réussisse.

Assurez-vous que votre thème est entièrement compatible avec WooCommerce et qu'il s'agit d'un thème configuré pour le commerce électronique.

Les thèmes WooCommerce les plus rapides sont souvent les thèmes légers et utilisent un constructeur de page pour vous aider à inclure uniquement les fonctionnalités dont vous avez besoin pour accélérer votre boutique WooCommerce. Vous feriez peut-être même bien de commencer avec un thème gratuit. Ces meilleurs thèmes WooCommerce pourraient fonctionner pour vous.

3. Évaluez vos plugins, widgets et ressources externes existants

Vos plugins, widgets et ressources externes existants optimisent-ils votre site ou ralentissent-ils votre boutique WooCommerce sans augmenter de manière significative les fonctionnalités, optimiser l'expérience utilisateur et, finalement, créer des revenus ?

Pour savoir comment accélérer votre site WooCommerce, jetez un œil à vos plugins , widgets et ressources externes . Les plugins peuvent aider à améliorer les performances. Les widgets et les outils de partage peuvent connecter votre site WooCommerce aux médias sociaux. Les ressources externes peuvent donner une belle apparence à votre site, mais améliorent-elles l'expérience utilisateur ?

Les ressources externes, telles que les scripts, les feuilles de style, les polices ou même Google Analytics peuvent sembler aider à organiser votre site, cependant, il n'est pas toujours possible d'optimiser les performances de ces ressources externes, et elles peuvent ralentir votre site.

Pour accélérer votre boutique WooCommerce, envisagez de remplacer les widgets sur les réseaux sociaux par de simples boutons de partage. Ces boutons de partage empêchent l'ajout de requêtes HTTP supplémentaires et limitent la dépendance interne aux requêtes DNS.

Les plugins peuvent être utiles dans certains domaines, mais moins utiles dans d'autres. Envisagez des plugins pour compresser les images, améliorer les options de paiement et d'expédition, réduire les abandons de panier et augmenter les ventes. Les plugins peuvent également nettoyer la base de données de votre boutique WooCommerce - et un plugin peut automatiser ce processus. Le nettoyage de votre base de données peut également augmenter la vitesse de votre site. Découvrez le plug-in WP-Optimize.

Les plugins peuvent également ralentir votre site WooCommerce. N'installez que les plugins les plus essentiels et n'oubliez pas de vérifier la vitesse de vos plugins.

4. Utilisez des extraits : un excellent moyen de rendre votre boutique WooCommerce plus rapide

Les extraits de code sont à la base des modifications WooCommerce simples et sensées. Avec le plugin Snippets , vous pouvez facilement télécharger et installer des extraits créés par d'autres, ou créer les vôtres. Les extraits de code peuvent aider à accélérer votre boutique WooCommerce de plusieurs façons, notamment en ajoutant des fonctionnalités à votre boutique ou en désactivant des tâches, des zones ou des widgets qui ne sont pas utilisés.

Dans les exemples ci-dessous, nous avons supprimé ou désactivé des éléments, plutôt que d'ajouter des éléments pour ajuster les performances. Nous l'avons fait parce que ces tâches demandent des efforts et que chaque action inutile qui utilise des ressources backend peut avoir un impact sur les performances de votre boutique.

Notez que chacun de nos extraits dans cet exemple est étiqueté. Le balisage de vos extraits vous permet de rester organisé en fonction des modifications que vous apportez et qui ont un impact sur votre zone d'administration, WooCommerce, vos widgets ou votre tableau de bord.

5. Découvrez les plugins Little Bizzy

Les plugins créés par Little Bizzy existent pour optimiser votre boutique WooCommerce de manière minuscule et significative. Ils désactiveront les fragments de panier AJAX pour faciliter les temps de chargement et désactiveront les intégrations internes et externes pour accélérer le rendu des pages. Encore une fois, nous cherchons à réduire les excès afin d'accélérer votre boutique WooCommerce.

6. Jetez un œil à WP Disable

Optimization.io propose WP Disable , une option de plugin qui vous permet une grande flexibilité, tout en étant simple d'utilisation. L'installation du plugin ajoute un lien Optimization.io à votre menu d'administration, qui vous emmène directement dans la zone de modification.

L'un des composants étonnants de WP Disable est la possibilité de se concentrer spécifiquement sur votre boutique WooCommerce, tout en apportant des améliorations globales à d'autres zones de votre site en quelques clics. Parlez d'un moyen simple de rendre votre boutique WooCommerce plus rapide !

Examinons quelques exemples dans l'onglet Requêtes , sous la section judicieusement intitulée Supprimer l'excès de ballonnement .

7. "Nettoyez" votre magasin

Les contrôles de révision peuvent ralentir votre boutique WooCommerce si vous avez ajouté des extensions et créé un contrôle de révision par défaut sur les pages de produits.

Les extensions peuvent être utiles, mais pensez à évaluer les performances de vos extensions pour vous assurer qu'elles sont pertinentes et nécessaires. Vous pourrez peut-être accélérer votre site WooCommerce en remplaçant certaines extensions par un code équivalent. Remplacer les extensions par un code équivalent peut également augmenter les performances.

Les contrôles de révision sur les sites WooCommerce sont un bon point de départ. Les vérifications de révision vous permettent de revenir en arrière et d'afficher les modifications apportées aux pages de produits. Bien que les vérifications de révision puissent être excellentes, si vous n'apportez que des modifications mineures, telles que la modification d'un mot ou deux, ces copies révisées de votre page de produit d'origine s'additionnent et ralentissent les performances de WooCommerce. Envisagez de désactiver ou de limiter le nombre de révisions.

8. Désactiver les éléments inutiles

Émojis

Les emojis peuvent être très amusants, mais ils peuvent ralentir votre site WooCommerce. À moins que vous ne souhaitiez spécifiquement que les emoji soient disponibles, ils sont inutiles et peuvent être supprimés en option en cliquant simplement sur le curseur Désactiver les emojis.

Chaînes de requête

Si vous avez déjà exécuté un test de performance GTMetrix ou Pingdom sur votre boutique, vous avez peut-être vu une suggestion pour "supprimer les chaînes de requête des ressources statiques". En effet, certains serveurs et serveurs proxy ne peuvent pas mettre en cache les chaînes de requête, et les supprimer peut accélérer votre boutique WooCommerce.

9. Hébergez des publicités et des produits affiliés

Pour les publicités, envisagez d'utiliser un seul réseau ou d'héberger vous-même les images. En hébergeant vous-même les images, vous contrôlez le placement des annonces, pouvez optimiser les images et réduire les requêtes DNS.

10. Compressez vos images

Les images peuvent être un élément clé d'un site de commerce électronique, mais les images peuvent ralentir considérablement votre site.

Les images sont un endroit où les plugins peuvent aider, mais évitez les plugins de compression d'image lorsque vous le pouvez. WordPress propose un lien vers un plugin qui compressera les JPG et les PNG, et avec une seule clé API, vous pouvez obtenir jusqu'à 100 compressions d'images gratuites par mois.

Pensez à compresser vos images avant de les télécharger sur votre site. Utilisez le format JPG pour les photos et les images haute résolution où vous avez besoin de beaucoup de détails. Utilisez des PNG pour les icônes, les logos, les illustrations et les images transparentes - en gros, la plupart des images qui ne sont pas ou n'ont pas besoin d'être des JPG.

Les GIF fonctionnent bien pour les animations. Alors que les GIF peuvent être utilisés pour les petites images, les PNG fonctionnent généralement mieux.

11. Utiliser la prélecture DNS

DNS Prefetch est une option qui permet à votre site de pré-résoudre les domaines pour des temps de chargement plus rapides. Lorsque vous activez DNS Prefetch, vous fournissez une liste des domaines vers lesquels vous vous liez ou redirigez couramment. Une fois ces domaines résolus, les retards dans leur résolution à nouveau sont éliminés.

12. Choisissez les options de plateforme qui rendent votre boutique WooCommerce plus rapide

Tous les ajustements dont nous venons de parler ont le potentiel de rendre votre boutique WooCommerce plus rapide, mais qu'en est-il de WooCommerce lui-même ?

Il est peu probable que vous ayez besoin de CSS ou de scripts WooCommerce pour s'exécuter sur des pages qui ne contiennent pas d'éléments WooCommerce. Encore une fois, nous pouvons désactiver quelque chose d'inutile et gagner beaucoup en performances car votre backend n'a pas à travailler pour charger des choses qui ne sont pas nécessaires.

Le même concept s'applique aux avis et aux fragments de panier . Pour chaque élément, il vous suffit de cliquer sur le curseur puis d'enregistrer vos modifications.

Votre boutique n'est peut-être pas hébergée sur une plate-forme d'hébergement WooCommerce géré, mais cela ne signifie pas que vous ne pouvez pas bénéficier de certaines des mêmes options que nous utilisons tous les jours. Des extraits de code aux plugins, nous pensons que ces méthodes éprouvées peuvent rendre votre boutique WooCommerce plus rapide.

Nous pouvons nous en occuper pour vous !

Lorsque vous êtes prêt à ce que nous nous occupions de ces choses pour vous, consultez l'hébergement WooCommerce géré de Nexcess.

Ce blog a été initialement publié en mars 2018. Il a depuis été mis à jour pour plus de précision et d'exhaustivité.

Contenu connexe

• Guide des classes, zones et méthodes d'expédition WooCommerce
• Les éléments d'une page d'accueil de commerce électronique réussie
• 7 façons d'anticiper l'abandon du panier d'achat
• Comment créer une stratégie de réglage des performances WordPress