Vous pouvez utiliser un plug in qui optimisera toutes vos images via le pilote automatique. Pourquoi lrsquooptimisation de lrsquoimage est elle nécessaire? Mais parlons maintenant de pourquoi lrsquooptimisation drsquoimage est importante pour votre site et pourquoi ne devriez pas y réfléchir deux fois avant de le mettre en œuvre.
La principale raison pour laquelle devriez utiliser l’optimisation d’image sur les sites WordPress est qu’elle aide à réduire le temps de chargement des pages sur chaque page. Les images sont lourdes, surtout si les chargez en pleine taille. Vous ne remarquerez peut être pas les conséquences du téléchargement de chaque image, mais avec le temps, chaque petite donnée ajoutée au site peut surcharger la page. Selon Unbound, le taux de rebond moyen pour les pages chargées plus de 2 secondes est de 9%, tandis que le taux de rebond pour les pages chargées 5 secondes est de 38%. Cela réduit lrsquoengagement des utilisateurs et le taux de conversion.
Lrsquooptimisation drsquoimage peut également améliorer votre positionnement de référencement. Pourquoi? Crsquoest juste Google. À partir de 2010, Google a officiellement annoncé que la vitesse de la page jouera un rôle important dans lrsquoalgorithme de classement. Par conséquent, si votre site Web est lent, vos chances de voir votre site Web en haut du serp seront réduites. Cela nous a fait perdre notre taux de conversion. Plus votre classement Google est bas, plus votre taux de conversion est faible. le classement de votre site Web en matière de référencement srsquoaméliore, un plus grand nombre de visiteurs ou drsquoacheteurs viendront sur votre page et pourront cliquer sur lrsquoinvitation à lrsquoaction. Ou au moins passer plus de temps sur votre site et interagir avec votre contenu.
Ainsi, comme pouvez le voir, lrsquooptimisation drsquoimage est directement liée à la vitesse du site, le référencement et le taux de conversion. Elle joue un rôle mineur mais essentiel dans cette chaîne drsquoapprovisionnement. Optimisation des images
Pour certaines couleurs), voudrez peut être les charger sous forme de PNG, car il est préférable de les garder au minimum dans ce format. convertissez une image PNG en JPG, sa taille augmente et peut devenir floue. Et vice versa. Smashing magazine a testé les variations de taille de chaque format drsquoimage.
gagnez plus de temps et que êtes le plus intéressé par la pleine efficacité, pouvez tout (et plus) en quelques secondes en installant un plug in. Optimole est un bon exemple d’un plug in WordPress léger avec des fonctionnalités intelligentes sous le capot. Premièrement, optimole optimise lrsquoimage uniquement sur demande du serveur. Par conséquent, si téléchargez une image, lrsquoimage est immédiatement optimisée lorsque lrsquoutilisateur accède à la page contenant lrsquoimage. Une fois le plug in installé, il suffit de le laisser faire son travail, mais avant de définir la méthode drsquooptimisation préférée: haute, moyenne ou basse.
Deuxièmement, optimole Redimensionne chaque image à la taille optimale de chaque viewport visiteur pour un chargement rapide sur nrsquoimporte quel appareil. Il trouvera la taille et la taille parfaites selon le type drsquoéquipement de chaque visiteur. De même, si un utilisateur se connecte plus lentement, optimole réduira la qualité de lrsquoimage de cet utilisateur particulier afin que la page puisse encore être chargée rapidement et que lrsquoimage puisse être affichée rapidement. Pour ce qui est de notre expérience avec wordpress, ce plugin offre toutes les fonctionnalités dont les utilisateurs ont besoin à partir d’outils d’optimisation d’images, toutes emballées et fournies via une interface simple et intuitive. Crsquoest le type de plug in que avez installé, mais avez oublié qursquoil existe. Crsquoest parce qursquoil fonctionnera seul en arrière plan, optimisé
Générer automatiquement des images afin que puissiez concentrer sur les projets les plus importants de votre entreprise.
Comment optimiser automatiquement les images WordPress ensuite, nous allons montrer comment utiliser Autopilot pour optimiser toutes les images sur le site WordPress. Tout ce que avez à faire est drsquoinstaller un plug in, de définir vos préférences et de lrsquooublier. Pour ce faire, installez et activez optimole gratuitement. Une fois le plug in installé et activé, devez inscrire par e mail pour générer la clé API et l’introduire dans le tableau de bord WordPress. Une fois la clé API confirmée, le plug in commencera à fonctionner. Lrsquoétape suivante consiste à passer aux paramètres, à activer les fonctions à utiliser et à sélectionner le niveau de compression préféré. Une fois que commencez à des images, pouvez voir que optimole fonctionne. Chaque fois qursquoune image est téléchargée, elle effectue toute compression en arrière plan, sans interférence ni même avertissement. avez déjà des images sur votre site WordPress, optimole les compressera même après que ou vos utilisateurs y aurez accédé. Il transfère votre image originale dans le cloud et remplace son lien initial par un lien personnalisé après optimisation. Les images optimisées sont rendues par CDN, ce qui permet de fournir des images plus rapidement aux utilisateurs. Lorsque accédez à une page avec une image, remarquerez que lrsquoimage affiche lrsquoURL personnalisée optimole (clic droit gt ouvrir lrsquoimage dans un nouvel onglet). Le rapport drsquoimage optimisé ne srsquoaffiche pas immédiatement et le plug in prend plusieurs minutes pour mettre à jour les modifications. Pour voir les progrès, allez aux médias gt optimiser. Vous pouvez également accéder à la zone du tableau de bord sur le site Web optimole et voir la section bande passante. Mais avant lrsquoinstallation, pouvez rapidement tester lrsquooutil, qui affiche lrsquoétat des images que utilisez sur le site. OPTI
Mole fournira un rapport sur place sur la façon dont il améliore lrsquoimage de votre site et donc la vitesse. Tests drsquooptimisation drsquoimage: avant et après cela, nous avons fait quelques tests pour voir à quel point lrsquooptimisation automatique drsquoimage est efficace. Par défaut, WordPress Redimensionne également les images haute résolution, mais voyons comment utiliser le plug in d’optimisation d’image (qui ajuste également chaque image à la taille maximale d’affichage afin qu’elle ne s’affiche pas plus grande que nécessaire sur l’appareil du visiteur). Nous avons donc fait une expérience avec les mêmes images et fenêtres avant et après. Résultats avant d’utiliser l’instance de Test wordpress et les vingt vingt thèmes par défaut pour l’optimisation de l’image, nous avons téléchargé des photos de différentes tailles empruntées à mystock. Photos. Nous incluons ces images dans un billet de blog régulier via un bloc de galerie. Maintenant, si cliquez sur chaque image pour l’agrandir, remarquerez que WordPress les Redimensionne par défaut. Par conséquent, les quatre images que nous avons téléchargées ont été réduites comme suit: 7,47 Mo gt 676 ko 12,3 Mo gt 762 ko 11,2 Mo gt 384 ko 8 Mo gt 794 ko si téléchargez la première image dans un type de message normal sans choisir drsquoagrandir, sa taille drsquoaffichage passera de 7,47 Mo à 452 Ko. Par défaut, WordPress réduit les images téléchargées dans un article de 7.47 Mo à 452 Ko. accédez au même billet de blog depuis votre téléphone, lrsquoimage sera réduite à 92.61 KB. Ce sont les changements que WordPress fait lorsqu’il accède par défaut aux billets de blog via le Bureau et les appareils mobiles. Vous pouvez voir comment les images sont compressées en plein écran et en taille de billet de blog. Résultats optimisés
Maintenant, donnons un exemple concret de la façon dont optimole compresse une image riche en données. Comme nous lrsquoavons fait dans la première partie du test (sans optimole), nous avons créé un bloc de galerie en téléchargeant les mêmes images non optimisées prises de mystock. Photos. Optimole a quatre niveaux de compression. haute est sélectionnée, la compression maximisera la qualité de lrsquoimage. utilisez Basso, la compression et lrsquooptimisation seront plus intenses (comme décrit dans, la taille sera plus réduite). Une fois que accédez aux messages sur le site Live, optimole contrôle et crée une image de substitution compressée (chaque image peut être agrandie) pour chaque image que cliquez. Lorsque la compression de haute qualité est utilisée, les images sont réduites comme suit (ces images sont dans le même ordre que celles énumérées dans les essais précédents): 7,47 Mo gt 557 ko 12,3 Mo gt 548 ko 11,2 Mo gt 220 ko 8 Mo ━ gt 547 ko lorsque la compression de faible qualité est utilisée, Les résultats sont différents: 7,47 Mo gt 251 ko 12,3 Mo gt 269 ko 11,2 Mo ━ gt 124 ko 8 Mo ━ gt 302 ko crsquoest la première façon de traiter les niveaux de compression élevés et faibles (niveaux de qualité) dans la liste: niveau de qualité élevé (557 Ko) Faible qualité (251 KB) À lrsquoœil nu, constaterez que la qualité de lrsquoimage nrsquoa pas beaucoup changé. Maintenant, si ajoutez une image à un billet de blog sans option de zoom, elle est automatiquement réduite à la taille maximale drsquoaffichage (la taille maximale drsquoaffichage requise pour un billet de blog). Par exemple, lors de la visualisation dans un billet de blog, cette image à elle seule passe de 7,47 Mo à 75,3 Ko (compression de haute qualité): Une seule image post image compressée à 75,3 KB 580 x 387 pixels Ceci est utile parce que lorsque préférez la taille du pic, le serveur nrsquoa pas besoin de charger toute la taille de lrsquoimage
Coke Mais crsquoest arrivé sur le Bureau. Pour les écrans mobiles, optimole crée une version alternative de lrsquoimage, encore plus petite que celle du Bureau. Par conséquent, si quelqursquoun accède à votre site par lrsquointermédiaire drsquoun appareil mobile, optimole ne fournira pas une variante de bureau de lrsquoimage, même si elle est optimisée, il peut prendre du temps à charger sur un appareil plus petit. Le plug in fournit en fait une alternative mobile distincte à lrsquoimage. Par exemple, pour les utilisateurs mobiles, la même image dans le billet de Blog Top a été réduite à 20.15 KB (7.47 MB original). Optimole utilise à la fois des méthodes de compression sans perte et sans perte, qui sont définies en fonction du niveau de compression sélectionné. Grâce à lrsquooptimisation sans perte, lrsquoimage ne perd pas de données importantes pendant la compression. Après optimisation, ils ressembleront exactement à la version originale. Crsquoest pourquoi lrsquooptimisation sans perte ne réduit pas considérablement lrsquoespace disque et la différence de taille compressée est presque nulle. Drsquoautre part, il y a lrsquooptimisation de la perte de données, qui réduit considérablement la taille de lrsquoimage, mais pas la qualité (comme on peut le voir à lrsquooeil nu). Par conséquent, si voulez rendre la base de données beaucoup plus légère qursquoelle ne lrsquoest actuellement, pouvez choisir lrsquooptimisation de la perte de données parce que vos visiteurs ne remarqueront pas la conversion. Autres façons drsquooptimiser les images en plus de redimensionner, il existe drsquoautres façons utiles de fournir aux visiteurs des images plus claires et de réduire le temps de chargement du site. Un chargement lent est une autre bonne façon dempêcher les images de ralentir le site. vos messages ou pages sont remplis drsquoimages, il peut ne pas être bon de les voir à la fois. La fonction de chargement lent affichera gr
Lorsque lrsquoutilisateur fait défiler la page vers le bas. Chaque barre de défilement affiche un nouveau lot drsquoimages dans la zone visible de lrsquoécran de lrsquoutilisateur, de sorte que le serveur répondra mieux à toutes les demandes. Le réseau de diffusion de contenu (CDN) est une fonctionnalité qui permet drsquoaccélérer les temps de téléchargement en servant vos images à partir de lemplacement du serveur le plus proche du point drsquoaccès du visiteur. Optimole fournit un service CDN intégré pour vos images qui fonctionne automatiquement. Cloudflare et stackpath sont des plug ins WordPress autonomes qui fournissent des services CDN pour l’ensemble de la base de données lorsque l’optimisation de l’ensemble du site est nécessaire. Pour économiser de lrsquoespace disque et voir les fichiers briquet, pouvez également convertir GIF en vidéo. activez cette fonctionnalité dans optimole, elle commencera automatiquement à convertir chaque fichier GIF que téléchargez. Les formats vidéo disponibles sont MP4 et WebM, et le plug in sélectionnera le format vidéo le plus efficace pour chaque cas particulier pendant la conversion. Avant de GIF sur le site WordPress, pouvez également utiliser quelques outils en ligne pour convertir GIF en MP4. Pourquoi convertir? Parce que le format GIF est plus grand que le format vidéo. La culture intelligente signifie couper lrsquoespace ou lrsquoarrière plan inutile dans lrsquoimage, ne laissant que les points drsquointérêt. La coupure peut être effectuée manuellement ou à lrsquoaide drsquoun plug in comme optimole, qui détecte automatiquement les points chauds dans lrsquoimage et supprime les parties inutiles. En résumé, lrsquooptimisation drsquoimage est une technique simple qui ne nécessite pas beaucoup drsquoefforts de votre part. Il suffit drsquoinstaller un plug in et êtes complètement écrasé. choisissez de ne pas lrsquoutiliser sur votre site, perdrez lrsquoavantage. Chaque fois que chargez un fichier image, ne remarquez pas une diminution de la vitesse du site, comme une boule de neige qui devient de plus en plus grande à mesure que la température augmente
O. comme nous lrsquoavons mentionné précédemment, Google est très préoccupé par la vitesse de votre site Ça affectera vos affaires. Vous feriez mieux de prendre des précautions avant que la situation ne devienne grave. Lrsquooptimisation de lrsquoimage nrsquoexige aucune connaissance technique et peut être gérée par tout le monde.
Comment optimiser les images sur le site WordPress: un guide étape par étape
