Il existe plusieurs raisons pour lesquelles vous devriez optimiser les images pour WordPress. Il peut vous aider à utiliser efficacement le stockage du serveur, à réduire l’utilisation de la bande passante et à améliorer la diffusion de contenu. Mais la raison la plus importante est que cela peut aider à augmenter les conversions de votre site Web.
Échangeune startup basée en Finlande, a constaté que se concentrer sur Google Vitals Web de base et l’optimisation des images sur leur site Web a augmenté les revenus mobiles de 42 %. Donc, si vous ne le faites pas déjà, vous devriez apprendre à optimiser les images pour WordPress.
Continuez à lire pour apprendre :
Comment les images non optimisées ralentissent WordPress
Les images transmettent des émotions et des informations plus efficacement que les mots. Cependant, si vous ne faites pas attention, ils peuvent également nuire à la vitesse de votre site et à l’expérience utilisateur (UX).
Si vous êtes comme l’utilisateur moyen de WordPress, vous téléchargez probablement des images sur votre site sans outils d’optimisation. Cela signifie non seulement que vous remplissez votre serveur de données inutiles, mais que vous fournissez également des données excédentaires aux visiteurs de votre site.
Outre la taille du fichier, l’utilisation de résolutions, de dimensions et de formats d’image incorrects affecte également les temps de chargement des pages.
Les grandes dimensions de l’image peuvent conduire à Décalage de mise en page cumulé (CLS) et La plus grande peinture de contenu (LCP) questions. Ils peuvent également amener les navigateurs à afficher des images hors écran et à donner l’impression que votre site Web est endommagé.
Avantages de l’optimisation des images WordPress
Avant d’apprendre à optimiser les images pour WordPress, explorons les avantages des images optimisées.
Il améliore la vitesse du site
Lorsque vous réduisez la taille du fichier et compressez vos images, les appareils passent moins de temps à demander et à télécharger des données à partir de votre site Web WordPress. Le résultat net sera un coup de pouce à la vitesse de votre site.
Cela aide à booster le référencement
L’optimisation des images pour le Web aide éliminer le CLS et les problèmes LCP. Par conséquent, vous obtiendrez des scores plus élevés sur Informations sur la vitesse de la page et une augmentation correspondante de votre classement organique dans les moteurs de recherche.
Il améliore l’expérience utilisateur (UX)
Enfin, les sites Web WordPress à chargement rapide bénéficier de l’expérience utilisateur.
Comment optimiser les images pour WordPress : 6 façons simples
Prêt à apprendre à optimiser les images pour WordPress ? Voici six façons simples.
1. Choisissez le bon format de fichier
La sélection du bon format d’image est la première étape pour optimiser les images dans WordPress. Généralement, la plupart des fichiers image sont des images JPG, GIF ou PNG.
Le format d’image JPEG est mieux adapté aux images raster telles que les photos de personnes et d’objets. Si vous avez besoin de télécharger une image WordPress contenant des graphiques et des illustrations, vous pouvez utiliser un format de fichier image comme PNG. Vous n’avez pas besoin d’un Optimiseur d’images WordPress pour ça.
2. Taillez correctement les nouvelles images
Outre les formats de fichier image, vous devez redimensionner les images pour qu’elles correspondent à la mise en page de votre site Web. Vous pouvez utiliser un logiciel de retouche d’image comme Adobe Photoshop et des plugins d’optimisation d’image pour cela.
Pour ceux qui ont un budget limité, des outils gratuits d’optimisation d’image en ligne comme resizeimage.net peut aider à réduire la taille de l’image sans sacrifier la qualité de l’image.
Mais que pouvez-vous faire des images existantes dans votre médiathèque WordPress ? Vous pouvez utiliser un plugin d’optimisation d’image WordPress.
3. Compresser les images
La compression des images est le meilleur moyen d’optimiser les images pour le Web sans perte de qualité. Vous pouvez optimiser les images dans WordPress via la compression en utilisant deux méthodes : la compression sans perte ou la compression avec perte.
La compression de vos images à l’aide de la compression avec perte supprime les données de l’image et réduit la taille des fichiers. En revanche, la compression d’image sans perte conserve toutes les données et n’affecte pas la taille du fichier.
Vous pouvez utiliser des plugins de compression d’image tels que WP Smush et ShortPixel Image Optimizer pour optimiser en masse les images sur votre site WordPress.
4. Servir des images dans des formats de nouvelle génération
Les formats de nouvelle génération comme AVIF et WebP compressent les images sans compromettre la qualité. Ils se chargent plus rapidement dans les navigateurs Web et consomment moins de bande passante.
La plupart des plugins de compression prennent en charge les images WebP au lieu d’AVIF car il est compatible avec plus de navigateurs et offre de meilleurs résultats avec une compression avec et sans perte.
Plugins d’optimisation populaires pour WordPress comme EWWW Image Optimizer et WP Rocket Conversion WebP.
5. Différer les images hors écran
Supposons que vous souhaitiez éviter de compresser des images pour WordPress. Dans ce cas, vous pouvez charger les images paresseusement. Le chargement paresseux retarde le chargement des images WordPress sous le pli et améliore l’UX du site.
Depuis WordPress version 5.5, tous les sites WordPress prennent en charge le chargement différé par défaut. Cependant, il est préférable d’utiliser des plugins d’optimisation car le chargement paresseux d’images au-dessus du pli, telles que les images en vedette, peut entraîner des problèmes LCP.
Les plugins d’optimisation d’image vous permettent d’exclure les images du chargement différé.
6. Utilisez un réseau de diffusion de contenu (CDN)
Les CDN mettent en cache et diffusent du contenu statique comme des images via un réseau de serveurs répartis dans le monde entier. Certains CDN proposent même un plugin WordPress pour optimiser les images et améliorer la livraison et la distribution du contenu mis en cache sur leur réseau.
Diffuser du contenu mis en cache via un CDN peut réduire la charge sur votre hébergement WordPress et l’utilisation de la bande passante. Il n’est pas surprenant que plus de 27 millions de sites Web sur Internet utiliser un CDN.
Meilleure taille d’image pour WordPress
La meilleure taille d’image pour les sites Web WordPress est de 1200 x 675 pixels. Ces dimensions prendront en charge la plupart des affichages d’appareils et des thèmes WordPress sans compromettre la qualité de l’image.
Toutefois, si vous utilisez une largeur de site personnalisée, assurez-vous de redimensionner vos images avant de télécharger pour s’adapter à la largeur maximale du site.
Et ne vous inquiétez pas de rendre les images réactives dans WordPress pour différents appareils. WordPress redimensionne automatiquement les images en trois tailles supplémentaires après le téléchargement :
- Taille de la vignette (150 x 150 pixels)
- Taille moyenne (300 x 300 pixels)
- Grande taille (1024 x 1024 pixels)
Vous pouvez trouver ces valeurs dans l’administrateur WordPress sous Paramètres > Médias. Vous pouvez spécifier les dimensions de l’image ou utiliser les valeurs WordPress par défaut.
Meilleurs plugins WordPress pour optimiser les images
Si vous avez déjà essayé d’optimiser des images pour WordPress, vous savez à quel point cela peut être fastidieux. Une meilleure façon de le faire est d’utiliser des plugins d’optimisation d’image.
Voici nos trois meilleurs plugins d’optimisation pour WordPress.
1. Optimiseur d’image EWWW
WWW est l’un des meilleurs plugins d’optimisation d’image WordPress sur le marché. Il s’agit d’un plugin de compression d’image gratuit compatible avec la plupart des thèmes et plugins pour WordPress.
EWWW vous permet de configurer le niveau de compression des images et prend en charge les conversions WebP automatiques.
2. WP Smush
Smush est un plug-in de mise en cache et de compression complet qui peut tout faire, enfin presque. Il agit comme un plugin de mise en cache, un outil d’optimisation et un plugin de chargement paresseux.
Le seul inconvénient de Smush est que le support WebP n’est proposé qu’aux utilisateurs Pro.
3. Optimiseur d’image ShortPixel
Optimiseur d’image ShortPixel est un plugin freemium pour WordPress qui est parfait pour compresser des images. Il vous permet de supprimer les données EXIF des images et détecte et convertit automatiquement PNG en JPG le cas échéant pour réduire la taille du fichier.
L’inconvénient avec ShortPixel est que vous n’obtenez que 100 crédits gratuits par mois. Si vous avez un grand site Web WordPress, vous devrez acheter des crédits d’image séparément.
Réflexions finales : comment optimiser les images pour WordPress et accélérer votre site
Nous espérons que notre guide expliquant comment optimiser les images pour WordPress vous aidera à améliorer le temps de chargement et l’UX de votre site. Les images ne sont qu’un des nombreux facteurs qui influencent les performances de WordPress.
Le facteur le plus important est votre hébergeur WordPress. Hébergement WordPress géré de Nexcess inclut un CDN, une compression d’image et un chargement paresseux prêt à l’emploi, afin que les images ne perturbent pas les performances de votre site.
Vérifier hébergement WordPress entièrement géré de Nexcess pour commencer aujourd’hui.