SEO: Comment optimiser les images pour le Web et les performances 2021

SEO: Comment optimiser les images pour le Web et les performances 2021

Faites-nous confiance, vous ne voulez pas que Google déteste votre site Web. Heureusement, vous pouvez réduire la taille des fichiers de votre image pour améliorer les performances de votre site Web. Un problème avec leur formatage est que les modifications réduisent souvent leur qualité (ce qui à son tour peut amener le visiteur à détester votre site Web). Ce n’est pas une mauvaise chose tant que vous ne les rendez pas laids. Il existe quelques astuces et techniques qui vous permettent de réduire la taille du fichier de l’image tout en les gardant suffisamment jolies pour les afficher fièrement sur votre site Web. Voyons donc comment formater vos images sans les rendre laides, ainsi que comment optimiser les images pour le Web et les performances.

Les avantages du formatage de vos images

Premièrement, pourquoi avez-vous besoin de formater vos images ? Quels sont les bénéfices? L’optimisation de vos images pour les performances présente de nombreux avantages. Selon HTTP Archive, en novembre 2018, les images représentent en moyenne 21% du poids total d’une page Web. Ainsi, lorsqu’il s’agit d’optimiser votre site WordPress, après le contenu vidéo, les images sont de loin le premier point de départ !

C’est plus important que les scripts et les polices. Et ironiquement, un bon flux de travail d’optimisation d’image est l’une des choses les plus faciles à mettre en œuvre, mais de nombreux propriétaires de sites Web l’ignorent.

Moyenne d'octets par page (Ko)

Moyenne d’octets par page (Ko)

Voici un aperçu des principaux avantages.

  • Cela améliorera la vitesse de chargement de votre page (voir notre étude de cas ci-dessous pour savoir dans quelle mesure cela affecte votre vitesse). Si votre page met trop de temps à se charger, vos visiteurs pourraient se lasser d’attendre et passer à autre chose. Pour plus d’informations sur l’optimisation du temps de chargement de votre page, consultez notre guide détaillé d’optimisation de la vitesse des pages.
  • Combiné avec un excellent plugin WordPress, il améliore votre référencement. Votre site sera mieux classé dans les résultats des moteurs de recherche. Les gros fichiers ralentissent votre site et les moteurs de recherche détestent les sites lents. Google est également susceptible d’explorer et d’indexer vos images plus rapidement pour la recherche d’images Google. Curieux de savoir quel pourcentage de votre trafic provient de la recherche d’images Google ? Vous pouvez utiliser un plugin ou un segment WordPress Google Analytics pour vérifier le trafic de recherche d’images Google.
  • La création de sauvegardes sera plus rapide.
  • Les fichiers d’image plus petits utilisent moins de bande passante. Les réseaux et les navigateurs apprécieront cela.
  • Nécessite moins d’espace de stockage sur votre serveur (cela dépend du nombre de vignettes que vous optimisez)

Les images représentent en moyenne 21 % du poids total d’une page Web. Optimisez-les !Cliquez pour tweeter

Comment optimiser les images pour le Web et les performances

L’objectif principal du formatage de vos images est de trouver le équilibre entre la taille de fichier la plus faible et une qualité acceptable. Il existe plusieurs façons d’effectuer presque toutes ces optimisations. L’un des moyens les plus populaires consiste simplement à les compresser avant de les télécharger sur WordPress. Habituellement, cela peut être fait dans un outil comme Adobe Photoshop ou Affinity Photo. Certaines de ces tâches peuvent également être effectuées à l’aide de plugins, que nous aborderons plus en détail ci-dessous.

Les deux principaux éléments à considérer sont les format de fichier et type de compression tu utilises. En choisissant la bonne combinaison de format de fichier et de type de compression, vous pouvez réduire la taille de votre image jusqu’à 5 fois. Vous devrez expérimenter avec chaque image ou format de fichier pour voir ce qui fonctionne le mieux.

Choisissez le bon format de fichier

Avant de commencer à modifier vos images, assurez-vous d’avoir choisi le meilleur type de fichier. Vous pouvez utiliser plusieurs types de fichiers :

  • PNG – produit des images de meilleure qualité, mais a également une taille de fichier plus importante. A été créé en tant que format d’image sans perte, bien qu’il puisse également être avec perte.
  • JPEG – utilise une optimisation avec et sans perte. Vous pouvez ajuster le niveau de qualité pour un bon équilibre entre la qualité et la taille du fichier.
  • GIF – n’utilise que 256 couleurs. C’est le meilleur choix pour les images animées. Il utilise uniquement une compression sans perte.

Il en existe plusieurs autres, tels que JPEG XR et WebP, mais ils ne sont pas universellement pris en charge par tous les navigateurs. Idéalement, vous devriez utiliser JPEG ou JPG pour les images avec beaucoup de couleurs et PNG pour les images simples.
(Lecture suggérée : JPG vs JPEG : Comprendre le format de fichier image le plus courant)

Qualité de compression vs taille

Voici un exemple de ce qui peut arriver si vous compressez trop une image. La première consiste à utiliser un taux de compression très faible, ce qui permet d’obtenir la meilleure qualité (mais une taille de fichier plus importante). La seconde utilise un taux de compression très élevé, ce qui se traduit par une image de très mauvaise qualité (mais avec une taille de fichier plus petite). Remarque : L’image d’origine intacte fait 2,06 Mo.

jpg basse compression de haute qualité

Faible compression (haute qualité) JPG – 590 Ko

jpg haute compression basse qualité

Haute compression (basse qualité) JPG – 68 Ko

Comme vous pouvez le voir, la première image ci-dessus fait 590 Ko. C’est assez grand pour une photo ! Il est généralement préférable de conserver le poids total d’une page Web inférieur à 1 ou 2 Mo. 590 Ko serait déjà un quart de cela. La deuxième image a évidemment l’air horrible, mais elle ne fait alors que 68 Ko. Ce que vous voulez faire, c’est trouver un juste milieu entre votre taux de compression (qualité) et la taille du fichier.

Nous avons donc repris l’image à un taux de compression moyen et comme vous pouvez le voir ci-dessous, la qualité semble bonne maintenant et la taille du fichier est de 151 Ko, ce qui est acceptable pour une photo haute résolution. C’est presque 4 fois plus petit que la photo originale avec une faible compression. Les images généralement plus simples comme les PNG doivent être inférieures à 100 Ko ou moins pour de meilleures performances.

compression moyenne qualité moyenne jpg

Compression moyenne (excellente qualité) JPG – 151 Ko

Optimisation avec ou sans perte

Il est également important de comprendre qu’il existe deux types de compression que vous pouvez utiliser, avec et sans perte.

avec perte – il s’agit d’un filtre qui élimine une partie des données. Cela dégradera l’image, vous devrez donc faire attention à combien réduire l’image. La taille du fichier peut être considérablement réduite. Vous pouvez utiliser des outils tels qu’Adobe Photoshop, Affinity Photo ou d’autres éditeurs d’images pour ajuster les paramètres de qualité d’une image. L’exemple que nous avons utilisé ci-dessus utilise la compression avec perte.

Sans perte – c’est un filtre qui compresse les données. Cela ne réduit pas la qualité, mais il faudra que les images soient décompressées avant de pouvoir être rendues. Vous pouvez effectuer une compression sans perte sur votre bureau à l’aide d’outils tels que Photoshop, FileOptimizer ou ImageOptim.

Il est préférable d’expérimenter vos techniques de compression pour voir ce qui fonctionne le mieux pour chaque image ou format. Si vos outils ont l’option, assurez-vous d’enregistrer l’image pour le Web. Il s’agit d’une option dans de nombreux éditeurs d’images et vous donnera les réglages de qualité afin que vous puissiez effectuer une compression optimale. Vous perdrez une partie de la qualité, alors essayez de trouver le meilleur équilibre possible sans rendre les images laides.

Outils et programmes d’optimisation d’image

Il existe de nombreux outils et programmes, à la fois premium et gratuits, que vous pouvez utiliser pour optimiser vos images. Certains vous donnent les outils pour effectuer vos propres optimisations et d’autres font le travail pour vous. Nous sommes personnellement de grands fans d’Affinity Photo, car il est bon marché et vous offre des fonctionnalités presque identiques à celles d’Adobe Photoshop.

photo d'affinité

Compression d’une photo dans Affinity Photo

Voici quelques outils et programmes supplémentaires à vérifier :

Redimensionner les images à l’échelle

Dans le passé, il était très important de télécharger des images à l’échelle et de ne pas laisser CSS les redimensionner. Cependant, cela n’est plus aussi important puisque WordPress 4.4 prend désormais en charge les images réactives (non réduites par CSS). Fondamentalement, WordPress crée automatiquement plusieurs tailles de chaque image téléchargée dans la médiathèque. En incluant les tailles disponibles d’une image dans un srcset attribut, les navigateurs peuvent désormais choisir de télécharger la taille la plus appropriée et d’ignorer les autres. Voir un exemple de ce à quoi ressemble réellement votre code ci-dessous.

exemple d'images réactives srcset dans le code

exemple d’images réactives srcset dans le code

Ainsi, avec de plus en plus d’écrans HiDPI de nos jours, il peut être bon de trouver un juste milieu. Dites 2x ou 3x la taille de la colonne ou de la division de votre site Web, mais toujours moins que la taille d’origine. Le navigateur affichera le bon en fonction de la résolution de l’appareil.

La médiathèque WordPress crée des vignettes en fonction de vos paramètres. Cependant, l’original est toujours conservé et intact. Si vous souhaitez redimensionner vos images et économiser de l’espace disque en n’enregistrant pas l’original, vous pouvez utiliser un plugin gratuit comme Imsanity.

paramètres de médias wordpress

Paramètres des médias WordPress

Imsanity vous permet de définir une limite de santé mentale afin que toutes les images téléchargées soient limitées à une taille raisonnable qui est toujours plus que suffisante pour les besoins d’un site Web typique.

Imsanity se connecte à WordPress immédiatement après le téléchargement de l’image, mais avant le traitement de WordPress. WordPress se comporte donc exactement de la même manière à tous égards, sauf que ce sera comme si le contributeur avait redimensionné son image à une taille raisonnable avant de la télécharger.

Nettoyez votre médiathèque

Si vous recherchez un outil pour économiser de l’espace tout en nettoyant votre bibliothèque multimédia, vous pouvez utiliser Media Cleaner pour trouver les fichiers multimédias inutilisés. Le plugin analysera tous vos fichiers multimédias et répertoriera ceux inutilisés dans le tableau de bord Media Cleaner afin que vous puissiez les parcourir et les supprimer.

Media Cleaner implémente un système de corbeille intelligent : lorsque les fichiers sont supprimés, ils sont déplacés vers un répertoire de corbeille. De cette façon, vous pouvez tester votre site Web pendant un certain temps et vous assurer que tout va bien. Si un fichier ou une entrée multimédia est manquant, vous pouvez facilement le restaurer en un clic ou simplement vider la corbeille si tout vous semble bon.

Plugins d’optimisation d’image que vous pouvez utiliser

Heureusement, avec WordPress, vous n’avez pas besoin de faire tout le formatage ou la compression à la main. Vous pouvez utiliser des plugins pour faire au moins une partie du travail pour vous automatiquement. Il existe plusieurs plugins qui optimiseront automatiquement vos fichiers image au fur et à mesure que vous les téléchargez. Ils optimiseront même les images que vous avez déjà téléchargées. C’est une fonctionnalité pratique, surtout si vous avez déjà un site Web rempli d’images. Voici un aperçu de certains des meilleurs plugins pour formater vos images pour de meilleures performances.

Il est cependant important que vous ne vous fiez pas uniquement aux plugins eux-mêmes. Par exemple, vous ne devriez pas télécharger d’images de 2 Mo dans votre médiathèque WordPress. Cela peut entraîner une consommation très rapide de l’espace disque de vos hôtes Web. La meilleure méthode consiste à redimensionner rapidement l’image dans un outil de retouche photo au préalable, puis à la télécharger et à utiliser l’un des plugins suivants pour la réduire davantage.

Optimiseur d’image Imagify

Optimiseur d'image imagify

Plugin Imagify Image Optimizer

Imagify est créé par la même équipe qui a développé WP Rocket, que la plupart d’entre vous connaissent probablement. Il est compatible avec WooCommerce, NextGen Gallery et WP Retina. Il dispose également d’une fonction d’optimisation en masse et vous pouvez choisir entre trois niveaux de compression différents, normal, agressif et ultra. Il dispose également d’une fonction de restauration, donc si vous n’êtes pas satisfait de la qualité, vous pouvez restaurer en un clic et recompresser à un niveau qui correspond le mieux à vos besoins. Il existe une version gratuite et une version premium. Vous êtes limité à un quota de 25 Mo d’images par mois avec un compte gratuit.

Vous pouvez également vous débarrasser de l’image d’origine et redimensionner vos images plus grandes avec ce plugin.

Redimensionner les images dans Imagify

Redimensionner les images dans Imagify

Imaginez aussi compresse les images sur leurs serveurs tiers, pas le vôtre, ce qui est très important en termes de performances. Imagify ne devrait pas ralentir votre site WordPress.

Optimiseur d’image ShortPixel

plugin d'optimisation d'image wordpress shortpixel

Plugin ShortPixel

ShortPixel Image Optimizer est un plugin gratuit qui compressera 100 images par mois et compressera plusieurs types de fichiers, notamment les fichiers PNG, JPG, GIF, WebP et même PDF. Il effectuera à la fois une compression d’image avec et sans perte. Il convertira CMJN en RVB. Il prend vos images et vignettes dans le cloud pour traitement, puis les ramène sur votre site pour remplacer les originaux. Il crée une sauvegarde des fichiers originaux afin que vous puissiez les restaurer manuellement si vous le souhaitez. Il convertira les fichiers de la galerie en vrac. Il n’y a pas de limite à la taille du fichier.

Optimole

Optimole

Plugin Optimole

Optimole est un plugin WordPress d’optimisation d’image qui réduit automatiquement la taille de vos images sans aucun travail requis de votre part. Il présente un grand avantage en ce qui concerne la vitesse de chargement de votre site car il est entièrement basé sur le cloud et ne sert jamais d’images plus grandes qu’elles ne le devraient, c’est-à-dire qu’il affiche la taille d’image parfaite pour la fenêtre d’affichage et le navigateur du visiteur.

De plus, le plugin fournit un chargement paresseux et un remplacement d’image efficace – il dégrade la qualité de l’image si le visiteur dispose d’une connexion Internet plus lente – ce qui le distingue de la foule. Il détecte également automatiquement le navigateur de l’utilisateur et sert WebP s’il est pris en charge.

Toutes les images compressées par Optimole sont servies via un CDN rapide. Vous pouvez essayer Optimole gratuitement ou passer au forfait premium si vous avez besoin de bande passante et d’espace de traitement supplémentaires.

EWWW Image Optimizer Cloud

Plugin EWWW Image Optimizer Cloud

Plugin EWWW Image Optimizer Cloud

EWWW Image Optimizer Cloud vous aide à réduire la taille de vos images et à accélérer votre site avec un démarrage moins compliqué. Sans limite de taille et avec beaucoup de flexibilité, vous pouvez utiliser les valeurs par défaut ou personnaliser complètement le plugin à votre guise. Tous les utilisateurs d’EWWW IO peuvent utiliser Bulk Optimizer pour compresser leurs images existantes, ou utiliser le mode liste de la bibliothèque multimédia pour sélectionner des images spécifiques à compresser.

Des dossiers supplémentaires peuvent être numérisés pour s’assurer que chaque image de votre site est correctement optimisée. EWWW IO vous permet même de convertir vos images dans des formats de nouvelle génération comme WebP, ou de trouver le meilleur format d’image pour une image avec des options de conversion multiformat. La compression d’image commence à seulement 0,003 $/image.

L’API de compression premium vous permet d’élever la compression à un tout autre niveau sans sacrifier la qualité, ce qui débloque la compression PDF et inclut des sauvegardes d’images pratiques de 30 jours. La fonctionnalité ExactDN qui commence à 9 $/mois apporte une compression automatique (aucune compression côté serveur nécessaire), un redimensionnement automatique et tous les avantages d’un CDN pour des résultats plus rapides et encore plus de performances sur n’importe quelle taille d’appareil.

Optimus d’image Optimus

optimiseur d'image optimal

Plugin Optimus Image Optimizer

L’Optimus WordPress Image Optimizer utilise une compression sans perte pour optimiser vos images. Sans perte signifie que vous ne verrez aucune perte de qualité. Il prend en charge WooCoomerce et multi-sites et dispose d’une fonctionnalité d’optimisation en masse pour ceux qui disposent déjà de grandes bibliothèques multimédias existantes. Il est également compatible avec le plugin WordPress WP Retina. Il existe une version gratuite et premium. Dans la version premium, vous payez une fois par an et vous pouvez compresser un nombre illimité d’images. Si vous le combinez avec leur plugin Cache Enabler, vous pouvez également plonger dans les images WebP, qui est un nouveau format d’image léger de Google.

WP Smush

plugin wp smush

Plugin WP Smush

WP Smush a à la fois une version gratuite et une version premium. Cela réduira les informations cachées des images pour réduire la taille sans réduire la qualité. Il numérisera les images et les réduira au fur et à mesure que vous les téléchargerez sur votre site. Il numérisera également les images que vous avez déjà téléchargées et les réduira également. Il écrasera en bloc jusqu’à 50 fichiers à la fois. Vous pouvez également écraser manuellement si vous le souhaitez. Il écrasera les types d’images JPEG, GIF et PNG. La taille des fichiers est limitée à 1 Mo.

  • Il est compatible avec certains des plugins de bibliothèque multimédia les plus populaires tels que WP All Import et WPML.
  • Toute l’optimisation de l’image est effectuée avec des techniques de compression sans perte, ce qui permet de maintenir une qualité d’image élevée.
  • Peu importe le répertoire dans lequel vous enregistrez vos images. Smush les trouve et les compresse.
  • Smush a une option pour définir automatiquement la largeur et la hauteur de toutes les images, afin que toutes vos images soient redimensionnées dans des proportions identiques.

TinyPNG (également des JPG compressés)

tinypng

Plugin TinyPNG

TinyPNG utilise les services TinyJPG et TinyPNG (le compte gratuit vous permet de compresser environ 100 images par mois) pour optimiser vos images JPG et PNG. Il compressera automatiquement les nouvelles images et compressera en bloc vos images existantes. Il convertira CMJN en RBG pour économiser de l’espace. Il compressera les images JPEG jusqu’à 60% et les images PNG jusqu’à 80% sans perte visible de qualité d’image. Il n’a pas de limite de taille de fichier.

ImageRecycler

plugin de compression d'image pdf de recyclage d'image

ImageRecycle – Plugin d’optimisation d’images et de PDF

Le plugin ImageRecyle est un optimiseur automatique d’images et de PDF. Ce plug-in se concentre non seulement sur la compression d’images, mais également sur les fichiers PDF. Une fonctionnalité vraiment pratique est la possibilité de définir la taille de fichier minimale pour la compression. Par exemple, si vous avez des images d’une taille de 80 Ko, vous pouvez les exclure automatiquement de la compression. Cela garantit que les images et les fichiers ne sont jamais trop compressés. Il inclut également l’optimisation en masse et le redimensionnement automatique de l’image. Remarque : ils ont un essai gratuit de 15 jours, mais il s’agit d’un service premium, et les images sont téléchargées et compressées à l’aide de leurs serveurs. Ils ne facturent pas par mois, mais plutôt par le nombre total d’images compressées, à partir de 10 $ pour 10 000.

Optimiser les images pour le Web Étude de cas

Nous avons décidé de faire notre propre petite étude de cas et tests pour vous montrer à quel point l’optimisation de vos images pour le Web peut affecter la vitesse globale de votre site WordPress.

JPG non compressés

Nous avons d’abord téléchargé 6 fichiers JPG non compressés, dont la taille dépasse 1 Mo, sur notre site de test. (Voir les JPG originaux non compressés). Nous avons ensuite effectué 5 tests sur Pingdom et pris la moyenne. Comme vous pouvez le voir sur le test de vitesse ci-dessous, notre temps de chargement total était de 1,55 seconde et la taille totale de la page était de 14,7 Mo.

test de vitesse jpg non compressé

Test de vitesse avec des JPG non compressés

JPG compressés

Nous avons ensuite compressé les JPG à l’aide du plugin Imagify WordPress, en utilisant le « paramètre agressif ». (Voir les nouveaux JPG compressés, qui sont toujours aussi beaux). Nous avons ensuite effectué 5 tests sur Pingdom et pris la moyenne. Comme vous pouvez le voir sur le test de vitesse ci-dessous, notre temps de chargement total a été réduit à 476 ms et la taille totale de la page a été réduite à 2,9 Mo. Notre total les temps de chargement ont été réduits de 54,88 % et la taille de la page a été réduite de 80,27%.

test de vitesse compressé jpg

Test de vitesse avec des JPG compressés

Il n’y a presque aucune autre optimisation que vous pouvez faire sur votre site qui vous permettra de réduire de plus de 50 % les temps de chargement. C’est pourquoi l’optimisation de l’image est si importante, le processus ci-dessus a été entièrement automatisé par le plugin. C’est une approche sans intervention pour un site WordPress plus rapide. La seule autre optimisation spectaculaire que vous pourriez faire serait de changer vos hôtes WordPress. De nombreux clients qui déménagent chez Kinsta voient leur vitesse augmenter de plus de 45%. Imaginez passer à Kinsta et optimiser vos images !

En optimisant vos images, que ce soit à l’aide d’un outil de retouche photo ou d’un plugin WordPress, vous pouvez également corriger l’avertissement « Optimiser les images » que vous obtenez dans Google PageSpeed ​​Insights (comme indiqué ci-dessous.)

les informations sur la vitesse des pages optimisent les images

PageSpeed ​​Insights optimise l’avertissement d’images

Si vous avez d’autres avertissements d’optimisation provenant d’outils de test de vitesse, assurez-vous de consulter notre article sur Google PageSpeed ​​Insights et notre procédure détaillée de Pingdom.

Nous avons utilisé nos connaissances en matière de gestion efficace de sites Web à grande échelle et en avons fait un ebook et un cours vidéo. Cliquez ici pour télécharger le Guide 2020 de la gestion de plus de 40 sites WordPress !

Utiliser des SVG

Une autre recommandation est d’utiliser des fichiers SVG avec vos autres images. SVG est un format vectoriel évolutif qui fonctionne parfaitement pour les logos, les icônes, le texte et les images simples. Voici quelques raisons pour lesquelles :

  • Les SVG sont automatiquement évolutifs dans les navigateurs et les outils de retouche photo. De quoi faire rêver les webdesigners et les graphistes !
  • Google indexe les SVG, de la même manière que les PNG et les JPG, vous n’avez donc pas à vous soucier du référencement.
  • Les fichiers SVG sont traditionnellement (pas toujours) plus petits que les PNG ou JPG. Cela peut entraîner des temps de chargement plus rapides.

Genki a écrit un excellent article où il compare la taille de SVG vs PNG vs JPEG. Vous trouverez ci-dessous quelques points à retenir de ses tests dans lesquels il a comparé les trois types d’images différents.

JPG (taille optimisée : 81,4 Ko)

taille JPG
image JPG

PNG (taille optimisée : 85,1 Ko)

taille PNG
image PNG

SVG (taille optimisée : 6,1 Ko)

Taille SVG
image SVG

Comme vous pouvez le voir ci-dessus, le SVG est une diminution de la taille du fichier de 92,51% par rapport au JPG. Et par rapport à la PNG, 92,83 %. Consultez notre tutoriel sur l’utilisation des SVG sur votre site WordPress.

Les meilleures pratiques

Voici quelques bonnes pratiques générales concernant l’optimisation des images pour le Web :

  • Si vous utilisez un plugin WordPress, en utiliser un qui compresse et optimise les images en externe sur leurs serveurs. Ceci, à son tour, réduit la charge sur votre propre site.
  • Utilisez des images vectorielles dans la mesure du possible avec vos fichiers PNG et JPG.
  • Utilisez un CDN pour diffuser vos images rapidement aux visiteurs du monde entier.
  • Supprimez les données d’image inutiles.
  • Recadrez l’espace blanc et recréez-le en utilisant CSS pour fournir le remplissage.
  • Utilisez autant que possible les effets CSS3.
  • Enregistrez vos images dans les dimensions appropriées. N’oubliez pas que WordPress prend désormais en charge les images réactives pour les servir sans les redimensionner avec CSS.
  • Utilisez toujours le format de fichier .ico pour votre favicon.
  • Utilisez des polices Web au lieu de placer du texte dans les images – elles ont une meilleure apparence lorsqu’elles sont redimensionnées et prennent moins de place.
  • Utilisez des images raster uniquement pour les scènes avec beaucoup de formes et de détails.
  • Réduisez la profondeur de bits à une palette de couleurs plus petite.
  • Utilisez la compression avec perte dans la mesure du possible.
  • Expérimentez pour trouver les meilleurs paramètres pour chaque format.
  • Utilisez GIF si vous avez besoin d’animation. (mais compressez vos GIF animés)
  • Utilisez PNG si vous avez besoin de détails élevés et de hautes résolutions.
  • Utilisez JPG pour les photos générales et les captures d’écran.
  • Supprimez toutes les métadonnées d’image inutiles.
  • Automatisez le processus autant que possible.
  • Dans certains cas, vous souhaiterez peut-être charger les images paresseux pour un rendu plus rapide de la première page.
  • Enregistrez les images comme « optimisées pour le Web » dans des outils tels que Photoshop.
  • Utilisez WebP dans Chrome pour diffuser des images plus petites.

N’oubliez pas d’optimiser vos images, sinon votre site WordPress pourrait avoir l’impression d’être au ralenti. Et vous savez à quel point « lenter » est frustrant ! ??Cliquez pour tweeter

Une fois que vous aurez formaté vos images pour de meilleures performances et suivi les meilleures pratiques, votre site sera mieux apprécié par les moteurs de recherche, les navigateurs et les réseaux, et se chargera plus rapidement pour vos lecteurs. Oh, et n’oubliez pas de consulter notre tutoriel sur les liens hypertexte, pour empêcher les gens de voler vos images et votre bande passante.

Avez-vous formaté vos images pour de meilleures performances ? Les formatez-vous à la main, utilisez-vous un plugin ou les deux ? Y a-t-il un autre outil ou plugin que vous recommanderiez ? Avez-vous quelque chose à ajouter? Faites-nous part de vos techniques et bonnes pratiques dans les commentaires ci-dessous !


Économisez du temps, des coûts et optimisez les performances du site avec :

  • Aide instantanée d’experts en hébergement WordPress, 24h/24 et 7j/7.
  • Intégration Cloudflare Enterprise.
  • Audience mondiale avec 28 centres de données dans le monde.
  • Optimisation avec notre surveillance intégrée des performances des applications.

Tout cela et bien plus encore, dans un seul plan sans contrats à long terme, migrations assistées et garantie de remboursement de 30 jours. Consultez nos plans ou parlez aux ventes pour trouver le plan qui vous convient.

#Comment #optimiser #les #images #pour #Web #les #performances