Passer au contenu principal

Mon site est lent : le poids des images

Votre site peut ĂȘtre lent Ă  cause de la taille de vos images. Voici des extensions pour contrer ça.

A
Écrit par Arthur Bonnaire

Vous le savez, il est trÚs important d'avoir un site qui se charge rapidement. Plus le temps de chargement sera long, plus vous serez pénalisé par les internautes et par les moteurs de recherche. 

Si le nombre de plugins peut expliquer un chargement lent, la taille de vos images est un facteur à ne pas négliger. 

Les images sont une partie importante d'un site efficace pour transformer. Il est donc normal d'en vouloir de belles et souvent, la haute dĂ©finition est privilĂ©giĂ©e
 Cependant, c'est souvent synonyme de lourdeur ! 

En fait, les images sont la premiùre cause de ralentissement dans le chargement d’un site, il faut alors les compresser. 

Quelle taille utiliser ? 

La rĂ©solution d’un Ă©cran d’ordinateur ne dĂ©passe en gĂ©nĂ©ral pas les 2000 pixels.

D’autre part, la plupart des Ă©crans affichent 72 pixels par pouce. Une rĂ©solution supĂ©rieure est inutile et rend le fichier plus lourd que nĂ©cessaire. 

Aussi, nous vous préconisons de choisir vos images au format JPG/JPEG car plus léger que le format PNG et de choisir une résolution de 72 ppp/pppi (sur Photoshop notamment) pour vos photos et visuels.

Quelles extensions pour compresser les images ?

Pour allĂ©ger un peu le chargement de votre site, deux solutions s’offrent Ă  vous : d’une part, rĂ©duire manuellement la taille de votre image au moyen d’un logiciel ou bien la compresser grĂące Ă  un plugin dĂ©diĂ©. Certes, vous perdrez trĂšs lĂ©gĂšrement en qualitĂ©, mais cela sera Ă  peine visible Ă  l’Ɠil nu. Nous avons sĂ©lectionnĂ© :

  • Imagify : par les crĂ©ateurs de WP Rocket ! Cette extension vous permet d’optimiser toutes les images que vous ajoutez Ă  votre bibliothĂšque. Imagify est un freemium (quota d’actions gratuites/mois) et comporte Ă©galement un modĂšle premium. 

  • EWWW Image Optimizer : plugin complĂštement gratuit qui vous permet d’optimiser les images dĂ©jĂ  prĂ©sentes sur votre site ainsi que celles que vous vous apprĂȘtez Ă  envoyer. Il vous permet de convertir le format des images pour les allĂ©ger instantanĂ©ment. Cela nĂ©cessite d’ĂȘtre un peu habile pour le paramĂ©trage. 

  • WP Smush : plus simple Ă  paramĂ©trer que EWWW, ce plugin comporte une version gratuite et une version payante pro, que nous vous conseillons, car plus performante et fluide. 

Quelques recommandations quant à l'utilisation de WP Smush en version gratuite : 

  1. Téléchargez WP Smush en allant dans l'onglet "plugins", puis dans "add New"

  2. Une fois téléchargé, cliquez sur WP Smush

  3. Pour compresser les images dĂ©jĂ  prĂ©sentes sur votre site, cliquez simplement sur le bouton "Bulk Smush Now" (Ă  savoir que vous ne pouvez traiter que 50 images par 50 images et que vous devrez recommencer la manƓuvre autant de fois que nĂ©cessaire)

  4. Nous vous conseillons de laisser activer l’option "Automatically smush my images on upload"

  5. Laissez activer l’option "Resize original images" pour redimensionner automatiquement la taille des images que vous envoyez. DĂ©finissez la taille maximum des images. 

N'oubliez pas : n'ayez que des plugins véritablement utiles pour votre site. Par exemple, si vous n'avez que quelques images, vous pouvez les compresser à la main. Si vous avez un site de photos, dans ce cas, un plugin sera pertinent.
​
Vous avez triĂ© vos plugins, compressĂ© vos images, mais votre chargement demeure lent ? C'est peut-ĂȘtre un problĂšme hĂ©bergement. 

Avez-vous trouvé la réponse à votre question ?