Compression d’images: Accélérez votre site WordPress x10 !

[@mathiaspeguet5221]

Je pense à un autre truc. C'est dommage de ne pas avoir parlé des tailles prédéfinies d'image dans WordPress. C'est une solution basée sur l'attribut HTML srcset qui propose différentes tailles d'images que le navigateur choisira en fonction de celle qui sera la plus adaptée. C'est un truc intéressant à regarder parce que certaines tailles ne correspondent pas bien aux tailles prédéfinies et méritent plus particulièrement d'être redimensionnées. C'est souvent le cas des grandes images qui impactent beaucoup la performance du site. Alors que d'autres sont très proches d'une taille prédéfinie et n'apporteront presque pas de gain. C'est souvent le cas des petites images.

[@wporigami]

Je n'ai pas tout abordé, il y a d'autres sujets que j'aurais pu adresser. :) AVIF, ShortPixel, regarder dans les fichiers de WordPress comment fonctionne les images, etc... merci pour ton ajout, je vais épingler ton commentaire.

[@mohandmohellebi940]

Bonjour, je parle en tant que consultant SEO. Oubliez le format JPG ! Vous devez avoir vos images en format web et bientôt se sera avif, non seulement pour votre référencement car Google préfère le format webp mais aussi pour le poid de l'image. De plus, la page d'un site web ne devrait jamais dépasser 2Mo et encore je suis gentil, perso je recommande max 1,5Mo.

[@winston777ar]

Merci pour ces conseils. Y a un moyen de connaître la taille totale d'une page facilement ?

[@guysavidan4797]

Merci beaucoup Alexis pour cette excellente vidéo, toujours égal à toi même en qualité, on apprécie Bien à toi

[@wporigami]

Merci Guy :)

[@fannyben9011]

Merci , très clair comme d’habitude 👍

[@VisionSoukali]

Merci pour ce tuto. Je penser avoir une bonne compression d'image via Inkscape en exportant en .webp mais en exportant en .jpg puis en allant sur le site que t'as indiqué dans ta vidéo pour le convertir en webp j'ai au final une image avec un poids plus petite que via Inkscape. c'est fou :) - Merci encore !¡

[@winston777ar]

Sympa et bien expliqué, merci !

[@wporigami]

Avec plaisir :)

[@aqwcomdev6761]

Bonjour Alexis, merci pour votre vidéo... qu'en est-il SVP pour le SEO au niveau des balises🤔.... si on a fait tous les descriptifs images + mots clés dans le titre des fichiers img ? Le plugin en changeant par exemple notre fichier jpg en webp, garde t'il en mémoire le descriptif image + permalien exact qu'on a attribué à l'origine à l'image ? Merci d'avance 🙏

[@mesbijouxEl]

Bonjour, j'aimerais savoir une fois avoir utilisé le plugin pour redimensionner les images est il possible de l'enlever après sans que sa touche à la modification du format ? Ou malheureusement sa reviendra comme avant ?

[@mymariemarie33]

Bonjour Alexis, merci pour cette vidéo. Peux-tu dire, ce qui se passe si après avoir installé et compressé/optimisé les images avec Imagify, je décide de désinstaller ce plugin. Les images vont rester sur le site? ou Tout "optimisé" partira avec la désinstallation du plugin en question?

[@NihaTV]

Merci pour cette vidéo , cependant chez moi , bizarrement Imagify ne me propose pas le format WebP mais uniquement Avif

[@conseilsconduite]

J'ai mes images en 1920 px mais est-ce que wordpress ou le thème adapte la taille en fonction du support utilisé (écran d'ordinateur, tablette, téléphone) ? C'est clair que sur un téléphone, j'ai pas besoin de mon image de 1920 px. J'ai vu que tu proposais une extension mais elle est payante.

[@moog6513]

Merci !

[@wporigami]

Avec plaisir !

[@charlespiletta2271]

merci pour les infos de base. Par contre je trouve dommage que tu ne rentres pas dans le vif du sujet en expliquant de façon plus granulaire quelles dimensions adopter en fonction des tablettes et mobiles, car ce sont les vraies questions que se posent les internautes ! CAD après les l opti des images sur ordi que dois je faire pour opti ces mêmes images sur les tablettes et mobiles (a savoir qu aujourd hui nous sommes dans une optique de mobile first) .

[@mouradlondonoff]

Qui te fait tes images on veut le contact hein 😅😅😅😅 elles sont superbe !

[@lecros2485]

merci pour ces infos. Et le format avif dans tout ça? tu n'en parles pas pourtant il est bien pris en charge sur wordpress et il compresse mieux..

[@wporigami]

Le CEO de WP Rocket va te répondre dans une vidéo sur la chaîne d'ici quelques semaines à peine. :) J'ai pris ton commentaire pour lui poser la question dans une interview.

[@olymp2io14]

Je pense que beaucoup trop d'appareils ne le supportent pas encore. A moins d'avoir un site qui affiche du avif a ceux qui le peuvent et un autre format pour appareils restant tu risque d'avoir beaucoup d'utilisateurs avec un site qui n'affiche pas les images

[@lecros2485]

merci pour ta réponse et j'ai hâte de voir cette vidéo.@@wporigami

[@lecros2485]

Oui il peut y avoir certains matériels qui ne supportent pas ce format mais les images en avif sont embraquées par wordpress et cela ne devrait pas trop influer.@@olymp2io14

[@mathiaspeguet5221]

@@olymp2io14 Ça n'est pas nécessaire que tous les navigateurs supportent l'avif. C'est très facile de fournir différents formats de fichier en fonction de la compatibilité. Ça peut être en utilisant .htaccess ou en indiquant les différents fichiers dans la balise (ou ). Globalement, les extensions qui recompressent les images en avif dans WordPress gèrent ça très bien.

[@Juniorhd86]

Bonjour, j'ai une question qui me préoccupe si vous pouvez me répondre : En faite j'ai un site Wordpress, la langue de backoffice de mon WordPress est en français, mais je voudrais créé des contenus, articles en une autre langues étrangères. pensez vous que ça va causer un problème au niveau du référencement ? ou ça n'a aucun rapport, merci 🙏

[@urbainmorel6739]

Mettez plutôt la langue du profil (compte administrateur) en français. Et dans réglages mettez la langue du site dans la langue des contenus que vous voulez créer. Ce faisant vous n'aurez aucun problème de référencement

[@PunicherSaint]

Comment connaître les dimensions à utiliser pour chaque image en fonction de l'emplacement dans wordpress ?

[@billlgrib2072]

Très bonne question 👍

[@wporigami]

L'habitude, l'œil, même si c'est approximatif, ce n'est pas grave si ce n'est pas au pixel près. :) Mais tu peux voir ça avec des extensions navigateurs aussi par exemple, ça te donne des règles pour mesurer en 2 secondes la taille de ton emplacement / image. L'extension Pixel measurement au hasard (ou une autre).

[@mathieu.berard]

Tu peux le voir dans l'inspecteur

[@mathiaspeguet5221]

Ben oui. Clic droit > inspecter sur l'image et en survolant la balise ou , la taille de l'image est indiquée. Par contre, je recommande de ne pas en rester là. Le responsive peut souvent provoquer de mauvaises surprises sur les images qui ne sont pas en pleine largeur. En effet, quand on arrive au point de rupture où tous les éléments passent d'un design en ligne à un design en colonne, cette colonne peut être plus large qu'en version desktop. Ça mérite donc de vérifier la taille de l'image dans ces conditions aussi.

[@PunicherSaint]

Ca c'est quand l'image est déjà insérée, comment le savoir d'avance pour redimensionner ses images pour qu'elles correspondent.@@mathiaspeguet5221

[@machineted]

Il vaut mieux d'abord retravailler toutes nos images ? Redimensionner et compresser, avant de televerser ou un plugin peux très bien faire l'affaire ?

[@wporigami]

Un plugin peut très bien faire l'affaire, mais si c'est un petit site, je recommande de le faire avant et de pas spécialement installer un plugin de plus. J'en parle dans la vidéo.

[@lakevibe]

'JpgCrush' pour la compression JPEG

[@AvBW]

[@AysProPlugins]

Hey Alexis, I am Jessica from the Ays-Pro Marketing Team. I've sent you a collaboration request in your inbox! Would love to discuss working together on our plugin review. Looking forward to your response!