Comment accélérer votre site Web woocommerce (Ultimate Guide 2022)

Http \/ 1 et http \/ 2 3. Utiliser la priorité du plug – in cache: la mise en cache est un bon moyen d’accélérer le magasin woocommerce. Du temps de chargement de la page de paiement à la page de détails du produit, c’est la seule chose dont vous avez besoin pour que votre site de commerce électronique fonctionne rapidement et en douceur. La mise en cache améliore les performances en réduisant le temps nécessaire à des processus tels que la récupération de toutes les informations stockées ou la création de nouvelles copies pour les visiteurs de chaque contenu demandé. Les meilleures fonctionnalités que vous devriez chercher dans le plug – in cache sont principalement le pré – chargement du cache, l’optimisation des fichiers CSS et JS, le chargement différé des images et des vidéos, la compression GZIP, le chargement différé du JavaScript et la capacité d’optimiser les polices. Si vous voulez savoir quel est le meilleur plug – in de cache de woocommerce, vous devriez voir WP Rocket. Il a tout
Il n’y a pas toutes les parties de la fonctionnalité WP Rocket. WP Rocket aide à optimiser les fichiers JS de deux façons: retarder les ressources JS (ce qui signifie que les fichiers JS ne sont chargés que s’il y a une interaction utilisateur) et charger JS seulement si nécessaire. Onglet optimisation des fichiers: tableau de bord JS et WP Rocket 6. Optimiser l’image de votre produit d’abord: accorder une grande importance à la photographie de votre produit. L’image est un élément important de la création d’un site de commerce électronique réussi parce que vous voulez convaincre les visiteurs d’acheter votre produit. Cependant, vous devez trouver le bon équilibre entre la qualité et la taille. L’image de 2 Mo semble bonne, mais vous verrez que votre score de vitesse est fortement affecté. La meilleure solution est d’optimiser l’image de chaque produit, surtout si vous avez des galeries, des bannières promotionnelles et une variété de médias dans votre boutique en ligne. Cela signifie réduire leur taille, les comprimer et les convertir dans le meilleur format sans trop affecter la qualité. Il existe deux façons d’optimiser l’image du produit pour accélérer le site Web woocommerce: manuellement, en utilisant des outils comme Adobe Photoshop, gimp, paint, etc. Net ou affinité photo. Cependant, certains logiciels de conception peuvent être coûteux ou présenter des courbes d’apprentissage abruptes. Utilisez automatiquement des outils ou des plug – ins en ligne tels que imaginy, eww Optimizer, tinyjpg | tinypng, etc. Consultez la liste de nos meilleurs plugins d’optimisation d’image WordPress. Imaginy a été produit par la même équipe derrière WP Rocket. Nous avons créé un plugin très intuitif qui permet de compresser automatiquement les images en utilisant trois couches: Normal, radical et extrême. Ce plugin vous offre gratuitement 25 Mo d’images par mois et convertit toutes vos photos en webp, un nouveau format pour accélérer votre site! Utilisez imaginy pour convertir des images au format webp si vous avez déjà
Avez – vous téléchargé toutes les images de votre produit sur WordPress? Pas de problème: imaginy peut également optimiser les images des produits woocommerce existants. Maintenant que nous avons examiné les facteurs qui influent le plus sur la vitesse du site Web de woocommerce, examinons les conseils suivants (qui ont encore une incidence sur le rendement moyen). Optimisation CSS (optimisation de la livraison CSS et suppression des CSS inutilisés) priorité: optimisation des médias CSS peut accélérer le site Web woocommerce. Cela peut se faire de deux façons: supprimer les CSS inutilisés (réduire la taille de la page et les requêtes http pour une meilleure performance) Optimiser la publication des CSS (supprimer les CSS qui bloquent l’affichage sur le site Web pour accélérer le temps de chargement) comme solution, Le plug – in WP Rocket offre deux options: Vous devez en choisir une. Nous vous recommandons d’optimiser la publication CSS (chargement asynchrone CSS) au cas où la suppression des fonctionnalités CSS inutilisées ne vous conviendrait pas. En tout état de cause, il suffit de cliquer sur les cases à cocher ci – dessous pour les activer: Onglet optimisation des fichiers – tableau de bord CSS WP Rocket 8. Retarder le chargement des images et des vidéos priorité: médias une autre façon d’accélérer le site Web woocommerce est d’activer le chargement lent des images et des vidéos. Le chargement lent est une politique qui identifie les ressources non bloquantes (non critiques) et ne les charge que si nécessaire. Le contenu visible au – dessus de l’effondrement est affiché en priorité, mais retarde le rendu du contenu au – dessous de l’effondrement. Cette technique d’optimisation vous permet de visualiser d’abord les images vues par l’utilisateur. Google lui – même recommande de charger \
MPIO. Une solution standard est d’utiliser rocketcdn parce qu’il est entièrement intégré à WP Rocket. Si vous avez votre propre CDN, vous pouvez également ajouter votre propre CDN: Carte CDN: tableau de bord pour WP Rocket 11. Priorité d’optimisation de la base de données: une faible optimisation de la base de données n’aura pas beaucoup d’impact sur votre vitesse, mais il est toujours recommandé de rester propre et optimisé. Pour accélérer le site woocommerce, vous devez profiter de tous les avantages: vous devrez peut – être supprimer certaines des anciennes tables laissées par les anciens plug – ins ou simplement réduire le temps de réponse du système de base de données. En général, vous pouvez effectuer cette optimisation manuellement ou à partir du panneau phpMyAdmin. Cependant, si vous souhaitez rester dans le tableau de bord WordPress en n’utilisant qu’un seul plugin performance, nous vous recommandons d’utiliser l’option d’optimisation de la base de données WP Rocket: Afficher et commenter la section nettoyage (1 \/ 2: tableau de bord de la fusée WP) Nettoyage de la base de données (2 \/ 2): tableau de bord WP Rocket si vous voulez accélérer votre site Web, les technologies qui s’appliquent à votre site Web woocommerce sont essentielles. Depuis juin 2021, certains KPI sont entrés dans le jeu de performance: les clés Web de base. Ces mesures mesurent le score d’expérience de page de Google et influeront sur la performance du référencement. Dans la section suivante, nous examinons les liens entre le rendement et les éléments clés du réseau de base. Avantages: N’oubliez pas d’optimiser l’optimisation essentielle du Web de base si vous n’améliorez pas les paramètres essentiels du Web de base, vous ne pouvez pas vraiment optimiser les performances. Plus vous offrez d’expérience utilisateur exceptionnelle, plus votre score est élevé. Votre magasin aura également plus d’opportunités de classement sur la page d’accueil des résultats de recherche Google! Si vous souhaitez obtenir un score supérieur à 90 sur les aperçus de vitesse de page, vous devriez optimiser le premier délai d’entrée, le dessin de contenu plus grand et le déplacement de mise en page cumulatif. Tu en veux un peu?
Je suis vert (plus de 90 ans) dans Google page speed Insights, comme le site officiel de WP Rocket? Commencez à utiliser notre plug – in WP Rocket aujourd’hui! Appliquer automatiquement 80% des meilleures pratiques en matière de performance web. Comment utiliser WP Rocket pour accélérer woocommerce dans cette section, vous apprendrez comment utiliser WP Rocket pour améliorer le rendement du phare. Nous effectuerons des études de cas basées sur un véritable site Web woocommerce avec des passerelles de produits et de paiements. Les thèmes utilisés sont la vitrine, le thème officiel gratuit woocommerce, et nous avons créé un total de 16 produits: Extrait de la page mon produit: woocommerce dashboard, nous effectuerons une comparaison de performance avec ou sans Rocket WP. Nous testerons la vitesse en utilisant Google page speed Insights.

Scénario 1: mesurez la vitesse de mon site woocommerce, pas de Rocket WP, faisons un test de vitesse! Le phare est coté 52 \/ 100 sans aucune optimisation.

Grade Lighthouse (mobile) pour mon site Web woocommerce. Source: PSI la plupart de mes KPI sont orange et rouge. Lorsque vous parcourez la page du rapport, nous voyons que Lighthouse a signalé un certain nombre de problèmes:

Section diagnostique après ma vérification: drapeaux rouge et orange pour accélérer le site Web de woocommerce, Lighthouse recommande de supprimer les ressources de blocage de rendu, de réduire les CSS et JS inutilisés, d’utiliser la compression Gzip pour le texte et d’utiliser la mise en cache. Ça sonne? Ce sont précisément les caractéristiques de la fusée WP dont nous avons parlé plus tôt dans ce guide. Il sera intéressant de voir comment la rangée de WP influe sur les sections de notation et de vérification: Voici le scénario 2. Scénario 2: mesurer la vitesse de mon site woocommerce en utilisant WP Rocket maintenant nous activons WP Rocket et vérifions l’impact sur le rendement. H
Ou j’ai modifié certaines options dans le tableau de bord de WP Rocket: J’ai optimisé mes JS et CSS j’ai activé le chargement différé d’images les autres technologies (comme la compression Gzip) appliquées automatiquement par WP Rocket Voici les résultats de l’appareil mobile que je vais presque renommer l’article comme \
Deo n’affiche que le contenu affiché par l’utilisateur. Mettez à jour votre hôte en un hôte rapide. Utilisez – vous la dernière version de php? Vérifiez le panneau principal. Http 2 est – il activé? Il en va de même ici. Si cette information n’est pas trouvée, contactez le support hôte. Prenez soin de votre réseau central vital. La plupart des conseils de performance sont instantanés, surtout lorsque vous décidez d’utiliser un plug – in pour améliorer automatiquement les performances. Commencez dès que possible! Packaging your woocommerce website needs speed to generate profit. Peu importe le type de produit ou de service que vous vendez en ligne: si un client voit une page qui se charge lentement, il n’hésitera pas à partir. L’expérience utilisateur sera pleinement mise en œuvre d’ici 2022. Heureusement, il y a de bonnes techniques pour vous aider à vous remettre du site Web slow woocommerce. La plupart d’entre eux prennent du temps à être mis en œuvre manuellement. C’est pourquoi vous devriez utiliser des plug – ins de performance pour atteindre vos objectifs. Par exemple, WP Rocket peut optimiser votre code, mettre en cache votre contenu, permettre un chargement lent des médias et optimiser votre base de données en quelques clics. Nous avons également vu que le plugin peut vous aider à obtenir un score vert sur Google page speed Insights:

Obtenez 99 \/ 100 points sur votre téléphone avec WP rocket (2 minutes plus tard!)