Optimiser les performances de votre boutique en ligne

Par la performance
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Wordpress et WooCommerce - Développer sa première boutique e-commerce
Revoir le teaser Je m'abonne
5,0
Transcription

Cette leçon fait partie de la formation
49,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
Cette leçon fait partie de la formation
49,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont les suivants :
– Apprendre à installer et configurer un plugin de cache.
– Apprendre à installer et configurer un plugin de compression d'images.
– Comprendre l'importance de la minimisation et de la combinaison des fichiers.
– Réduire le temps de chargement des pages de votre site.

Apprenez à améliorer les performances de votre boutique en ligne en utilisant des plugins de cache et de compression d'images.

Dans cette leçon, nous allons explorer comment optimiser les performances de votre boutique en ligne à l'aide de plugins de cache et de compression d'images. Nous commencerons par installer et configurer le plugin WP Fastest Cache, qui permet de stocker une version statique de votre site pour accélérer le temps de chargement. Ensuite, nous utiliserons le plugin Smush pour compresser les images de votre site, réduisant ainsi la taille des fichiers et améliorant encore le temps de chargement.

WP Fastest Cache permet d'enregistrer votre site sur les appareils de vos visiteurs et votre serveur, offrant ainsi une version plus légère et rapide. Vous apprendrez à activer le préchargement, minifier HTML et CSS, combiner les fichiers CSS et JavaScript, et configurer Gzip et Cache Navigateur.

Avec Smush, vous apprendrez à compresser automatiquement les nouvelles images, supprimer les métadonnées pour plus de sécurité, et activer Lazy Load pour améliorer l'expérience utilisateur. Nous verrons également comment choisir parmi les différentes options de compression pour maximiser les économies d'espace sans compromettre la qualité des images.

Voir plus
Questions réponses
Qu'est-ce que le plugin WP Fastest Cache permet de faire?
Le plugin WP Fastest Cache permet d'enregistrer des versions statiques de votre site pour accélérer les temps de chargement, optimiser le HTML, le CSS et le JavaScript, et configurer le cache navigateur.
Pourquoi est-il important de compresser les images sur une boutique en ligne?
La compression des images réduit la taille des fichiers, ce qui accélère le temps de chargement des pages, améliore l'expérience utilisateur et diminue l'utilisation de données mobiles ou Wi-Fi.
Quels sont les principaux réglages à activer dans Smush lors de la configuration initiale?
Lors de la configuration initiale de Smush, il est conseillé d'activer la compression automatique des nouvelles images, d'utiliser Super Smush pour une compression maximale, de supprimer les métadonnées et d'activer Lazy Load.
Dernier moyen que nous allons voir pour optimiser les performances de notre boutique en ligne, c'est via un plugin de cache. Ce que nous allons faire, c'est que nous allons aller sur Ajouter un plugin, on attend un petit peu que ça charge et nous allons chercher un plugin qui s'appelle WP Cache. On va juste marquer ça et on va voir la liste des options qui s'offre à nous. Celui que je préfère, que j'utilise tout le temps, c'est WP Fastest Cache qui marche très bien. Donc qu'est-ce que le cache ? Ça permet d'enregistrer votre site internet sur l'ordinateur, l'appareil de vos visiteurs, mais aussi sur votre serveur. Ça permet, au lieu de tout recharger à chaque fois, de montrer une version enregistrée beaucoup plus légère et beaucoup plus rapide que la version dynamique qu'on recharge tout le temps. Donc là, on va l'activer. Ça s'est installé, on va l'activer, ça prend le temps, ça s'installe sur la boutique. Une fois que c'est fait, on va aller dans Réglages. On va cliquer sur les réglages de WP Fastest Cache. On va l'activer, on va cocher Préchargement. Donc ça, voilà. On va enregistrer toutes les publications. L'accueil. Terminé. Donc ça, on ne touche pas. Nouvelle publication, on va vider le cache à chaque fois qu'on publie quelque chose de nouveau. Si on fait une mise à jour, on va vider le cache de ce qui a été mis à jour. On va minifier le HTML, c'est-à-dire qu'on va le compresser. On va faire pareil avec le CSS. On va combiner le CSS, comme ça, ça sera plus rapide à charger. On va combiner le JavaScript, pareil. Gzip, la plupart des serveurs le proposent, donc on va l'activer. Donc là, moi, dans mon cas, je ne l'ai pas. Je ne vais pas l'activer, mais si vous l'avez, vous pouvez l'activer. Si vous ne l'avez pas, vous aurez un message comme moi. Cache Navigateur, si c'est un visiteur qui revient régulièrement, ça va l'enregistrer sur son navigateur. Les emojis, on peut les activer ou les désactiver comme on veut. Et on va enregistrer. On va aller dans les réglages. On voit que tout est bon. Là, on voit que tout est bon aussi. Et ça vous fait un onglet, vider le cache. Et ça vous permet de vider le cache si jamais il y a quelque chose qui ne marche pas ou pas. Deuxième chose que nous allons installer. Nous allons retourner dans les extensions à installer. Et nous allons installer Smush. Qu'est-ce que c'est Smush ? C'est un plugin qui vous permet de compresser vos images. En effet, la plupart du temps, les choses qui prennent le plus de place, en réalité, c'est les images. Donc, il y a Smush, un peu plus bas. Et vous pouvez utiliser les autres. Big Bird, par exemple, est très bien aussi. Donc, on va installer Smush. Ça peut prendre un petit peu de temps. On va ensuite l'activer. Une fois que c'est fait, nous avons un petit onglet Smush. Donc, on va aller sur le tableau de bord. Donc là, il me propose de faire un setup. On va le faire. Est-ce qu'on veut compresser automatiquement les nouvelles images ? Oui. Super Smush, c'est le plus puissant. Donc, on va le mettre aussi. Les métadonnées et métadatas, c'est des données d'identification de l'image. Ça peut être la position où a été prise la photo, etc. Donc, moi, je les enlève toujours. C'est une question de sécurité. Lazy Load, en fait, ça va charger les images. Donc, là, c'est bon. On voit qu'il y a zéro image qui ont été faites. Là, il va scanner notre librairie. Il me dit qu'il y en a 6 que je peux faire. Ce qu'on va faire, c'est qu'on va le faire. Et là, on va pouvoir l'enlever. Donc, on va pouvoir l'enlever. On va pouvoir l'enlever. On va pouvoir l'enlever. Et on va pouvoir l'enlever. On va pouvoir l'enlever. Donc, là, on va pouvoir l'enlever. On va pouvoir l'enlever. Ce qu'on va faire, c'est qu'on va le faire. Donc, on voit qu'on nous propose un BASIC, SUPER et ULTRA. C'est si on veut payer un petit peu. Mais ça, on n'a pas besoin. On n'a pas besoin de payer. Ça va vachement bien. Là, il me dit qu'il y a un petit souci. C'est qu'il y a deux... Il y a deux plugins qui optimisent les images. Mais WP Fastest Cache est payant pour optimiser les images. D'où l'utilisation d'un autre plugin. Donc, on peut même l'enlever. On va cliquer sur DISMISS si vous voulez en anglais ou en français. Donc, là, c'est tout bon. On voit qu'on a fait quelques économies. Pas beaucoup. Ensuite, plus bas, on va descendre dans les réglages. Et on va vérifier. Donc, là, tout ça, c'est activé. Tout ça, c'est activé. Ensuite, sur le côté, on a LOCAL WEB P. Donc, ça, c'est un autre format d'image qui est plus optimisé, mais là, on voit que c'est payant. Donc, en fait, on n'a même pas besoin de le mettre. Et donc, là, tout est bon. On a optimisé les performances de notre site de deux façons. La première avec un cache. On voit tout de suite la différence. Et la deuxième en optimisant les images. Donc, ça, ça permet de réduire la taille de la page et donc le temps de chargement, mais aussi le coût en données mobiles ou en Wi-Fi. Et dans la prochaine vidéo, dans la dernière vidéo de cette formation, vous allez apprendre, vous allez voir quelques pistes pour vous autonomiser sur WordPress ou Commerce. Vous allez découvrir 2-3 sites qui vous permettront de trouver de l'aide par vous-même sur Internet. A tout de suite !
1 commentaire
5,0
1 vote
5
4
3
2
1
diegodemassy1
Il y a 2 months
Commentaire
Très bon cours
Nos dernières formations WordPress