Selon lamp;rsquoarchive http, environ 50% de la taille des fichiers des pages médias sur Internet provient damp;rsquoimages. Ce chiffre sera certainement plus élevé pour un magasin woocommerce avec de nombreuses images de produits. Les images sont un élément important de tout magasin de commerce électronique: voulez fournir aux acheteurs des images détaillées des produits pour les aider à prendre des décisions. Mais en même temps, ne pouvez pas laisser une grande taille damp;rsquoimage ralentir le site parce que chaque augmentation du temps de chargement de la page a un impact négatif sur le taux de conversion du magasin.
Cependant, nous avons une position intermédiaire agréable. En optimisant lamp;rsquoimage du produit dans le magasin woocommerce, pouvez encore fournir beaucoup damp;rsquoimages détaillées du produit, mais sans ralentir le temps de chargement du magasin (ou au moins minimiser lamp;rsquoimpact). Dans nous donnons quelques conseils utiles pour optimiser lamp;rsquoimage des produits woocommerce. x façons damp;rsquooptimiser lamp;rsquoimage des produits woocommerce 1. Une des meilleures façons damp;rsquooptimiser les images dans woocommerce Store est damp;rsquoutiliser la compression, qui réduit la taille de lamp;rsquoimage sans changer la taille de lamp;rsquoimage.
Il existe deux types principaux de compression: la compression sans perte: une petite réduction de la taille du fichier et un changement de qualité nul. Dommage: la taille du fichier est considérablement réduite, mais parfois la qualité peut varier légèrement. Souvent, lamp;rsquooeil humain ne peut même pas saisir la différence entre la compression et la perte, surtout si choisissez un algorithme moins agressif. En tout état de cause, devriez utiliser un certain type de compression sur les images des produits woocommerce, car camp;rsquoest un moyen simple de réduire la taille des fichiers sans modifier quoi que ce soit damp;rsquoautre.
ça marche
Ricchi su WordPress:
3. Notez également la taille de la vignette woocommerce lorsque téléchargez une image sur WordPress, WordPress ajuste automatiquement l’image à une taille différente: la vignette. Ces dimensions sont généralement contrôlées par le thème, mais woocommerce a aussi ses dimensions miniatures pour contrôler la taille des images utilisées dans les pages de catalogue et damp;rsquoautres zones. Vous pouvez contrôler la taille de ces vignettes en allant à apparence → personnaliser. Ensuite, dans WordPress customizer, allez à woocommerce → image du produit:
Idéalement, voulez minimiser ces valeurs sans sacrifier la disponibilité. Par exemple, si un sujet namp;rsquoaffiche que des images de 200 Px de largeur sur une page de catalogue, devrez peut être définir la largeur de la vignette à 200 Px au lieu de la valeur par défaut de 300 Px. 4. Utilisez lamp;rsquoimage JPEG (la plus couramment utilisée) pour parler de lamp;rsquoimage en ligne, il y a plusieurs formats disponibles, le plus souvent PNG, JPEG ou GIF. En général, nous recommandons damp;rsquoutiliser JPEG pour les images de produits, car JPEG est très utile pour les images avec plusieurs couleurs, est généralement plus petit que les fichiers PNG et est plus facile à compresser. Camp;rsquoest pourquoi Amazon, Wal Mart et la plupart des autres grands magasins de commerce électronique utilisent JPEG comme format pour leurs images de produits.
Le seul avertissement est la transparence: elle namp;rsquoest pas prise en charge par JPEG. Ainsi, si avez besoin de transparence de lamp;rsquoimage du produit, pouvez utiliser PNG. 5. Il est tentant de garder lamp;rsquoarrière plan de lamp;rsquoimage simplement créer avec lamp;rsquoimage de votre produit Mais il y a une raison pour laquelle presque tous les magasins utilisent un fond blanc simple (de même que les grands magasins comme Amazon et Wal Mart). Non seulement il montre clairement votre produit, mais il aide également à réduire
Et limiter la taille du fichier image produit en limitant la quantité damp;rsquoinformation dans lamp;rsquoimage.
Essentiellement, moins de couleurs signifie moins de taille de fichier, et un simple fond blanc est un moyen damp;rsquoatteindre cet objectif sans affecter la netteté de lamp;rsquoimage. Utiliser CDN pour accélérer la livraison globale par défaut, toutes les images du magasin sont téléchargées à partir du serveur du site WordPress. tous vos visiteurs vivaient près de votre serveur Mais peut être pas, surtout si votre magasin expédie des marchandises à lamp;rsquoétranger. Voir, la proximité physique affecte encore la vitesse à laquelle le contenu est chargé. Par conséquent, plus il y a damp;rsquoutilisateurs sur le serveur, plus le contenu est chargé lentement.
Pour résoudre ce problème, pouvez utiliser quelque chose appelé le réseau de distribution de contenu (CDN). Avec CDN, pouvez des fichiers statiques, comme des images, à partir damp;rsquoun réseau mondial de serveurs. De cette façon, les visiteurs peuvent des fichiers à partir du serveur le plus proche, ce qui accélère encore le temps de téléchargement des images. Pour un CDN gratuit, pouvez envisager cloudflare. Il existe également de nombreux services rnc payants, comme stackpath, keycdn, Amazon cloudfront, etc. Découvrez la différence entre cloudflare et cloudfront. Quel que soit le service CDN que utilisez, WP Rocket peut aider à intégrer ce service dans votre site grâce à des fonctionnalités CDN dédiées et à lamp;rsquointégration cloudflare intégrée. Optimiser lamp;rsquoimage des produits woocommerce aujourdamp;rsquohui, des images de produits de haute qualité sont essentielles pour les magasins woocommerce, mais devez également assurer damp;rsquoéviter damp;rsquoutiliser des images non optimisées pour ralentir le temps de chargement des magasins. Pour continuer à fournir des images de haute qualité chargées rapidement, devez: utiliser un plug in ou un outil de compression pour réduire la taille du fichier.
Votre photo. Redimensionnez lamp;rsquoimage. Définit la taille de la vignette woocommerce optimisée. Utilisez le format damp;rsquoimage JPEG (à moins que la transparence ne soit nécessaire). Gardez lamp;rsquoarrière plan de lamp;rsquoimage du produit simple. Envisager un réseau de distribution de contenu pour accélérer le téléchargement damp;rsquoimages dans le monde entier. Dans l’ensemble, le plug in de mise en cache WordPress de woocommerce peut également aider à améliorer immédiatement les performances de votre site! Lisez notre guide complet sur la façon damp;rsquoaccélérer le site Web de woocommerce, damp;rsquooptimiser les images de vos produits et de profiter du chargement plus rapide de woocommerce Store!
Comment optimiser l&rsquoimage du produit woocommerce pour accélérer le temps de chargement
