{"id":400,"date":"2026-02-17T09:15:07","date_gmt":"2026-02-17T08:15:07","guid":{"rendered":"https:\/\/ssdhosters.com\/blog\/?p=400"},"modified":"2026-08-25T12:32:08","modified_gmt":"2026-08-25T10:32:08","slug":"optimiser-images-wordpress","status":"publish","type":"post","link":"https:\/\/ssdhosters.com\/blog\/optimiser-images-wordpress\/","title":{"rendered":"Optimiser images WordPress : m\u00e9thode qualit\u00e9 et vitesse 2026"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Une image peut \u00eatre l\u00e9g\u00e8re et illisible, nette et inutilement \u00e9norme, ou correctement compress\u00e9e mais charg\u00e9e trop tard. L\u2019optimisation n\u2019est donc pas la recherche du fichier le plus petit. Elle consiste \u00e0 transmettre l\u2019information n\u00e9cessaire, aux bonnes dimensions, dans un format adapt\u00e9, avec une qualit\u00e9 contr\u00f4l\u00e9e et une priorit\u00e9 coh\u00e9rente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour <strong>optimiser images WordPress<\/strong>, construisez une cha\u00eene \u00e9ditoriale : d\u00e9finir le r\u00f4le visuel, recadrer \u00e0 la proportion attendue, produire un fichier source raisonnable, laisser WordPress g\u00e9n\u00e9rer des variantes, v\u00e9rifier le balisage responsive, compresser, choisir le chargement et contr\u00f4ler la page r\u00e9elle. Chaque d\u00e9cision se mesure visuellement et techniquement.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Sommaire<\/h2><nav><ul><li class=\"\"><a href=\"#la-reponse-courte\">La r\u00e9ponse courte<\/a><\/li><li class=\"\"><a href=\"#principes-qui-restent-valables\">Principes qui restent valables<\/a><\/li><li class=\"\"><a href=\"#donner-un-role-a-chaque-image\">Donner un r\u00f4le \u00e0 chaque image<\/a><\/li><li class=\"\"><a href=\"#definir-les-dimensions-par-emplacement\">D\u00e9finir les dimensions par emplacement<\/a><\/li><li class=\"\"><a href=\"#recadrer-avant-de-compresser\">Recadrer avant de compresser<\/a><\/li><li class=\"\"><a href=\"#choisir-format-et-compression-selon-le-contenu\">Choisir format et compression selon le contenu<\/a><\/li><li class=\"\"><a href=\"#utiliser-correctement-srcset-et-sizes\">Utiliser correctement srcset et sizes<\/a><\/li><li class=\"\"><a href=\"#reserver-lespace-pour-eviter-les-decalages\">R\u00e9server l\u2019espace pour \u00e9viter les d\u00e9calages<\/a><\/li><li class=\"\"><a href=\"#ne-pas-lazy-loader-limage-lcp\">Ne pas lazy-loader l\u2019image LCP<\/a><\/li><li class=\"\"><a href=\"#ecrire-le-texte-alternatif-dans-le-contexte\">\u00c9crire le texte alternatif dans le contexte<\/a><\/li><li class=\"\"><a href=\"#eviter-les-doublons-et-fichiers-orphelins\">\u00c9viter les doublons et fichiers orphelins<\/a><\/li><li class=\"\"><a href=\"#mesurer-sur-des-pages-representatives\">Mesurer sur des pages repr\u00e9sentatives<\/a><\/li><li class=\"\"><a href=\"#construire-un-workflow-editorial\">Construire un workflow \u00e9ditorial<\/a><\/li><li class=\"\"><a href=\"#checklist-optimiser-images-word-press\">Checklist optimiser images WordPress<\/a><\/li><li class=\"\"><a href=\"#points-cles-a-retenir\">Points cl\u00e9s \u00e0 retenir<\/a><\/li><li class=\"\"><a href=\"#sources-officielles\">Sources officielles<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 id=\"la-reponse-courte\" class=\"wp-block-heading\">La r\u00e9ponse courte<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">N\u2019envoyez pas une image de plusieurs milliers de pixels pour une colonne beaucoup plus \u00e9troite. D\u00e9finissez les dimensions maximales par emplacement, exportez avec une compression adapt\u00e9e au contenu et ins\u00e9rez l\u2019image depuis la m\u00e9diath\u00e8que afin de conserver les variantes <code>srcset<\/code> lorsque le th\u00e8me les prend en charge.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Renseignez largeur et hauteur pour r\u00e9server l\u2019espace. Ne chargez pas paresseusement l\u2019image principale visible au d\u00e9part ; appliquez le lazy loading aux images situ\u00e9es plus bas. \u00c9crivez un texte alternatif lorsque l\u2019image apporte une information et laissez-le vide lorsqu\u2019elle est purement d\u00e9corative.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le manuel WordPress sur les <a href=\"https:\/\/developer.wordpress.org\/apis\/responsive-images\/\" rel=\"noopener\">images responsives<\/a> explique que WordPress ajoute <code>srcset<\/code> et <code>sizes<\/code> \u00e0 son balisage afin que le navigateur puisse choisir une ressource adapt\u00e9e. Ce m\u00e9canisme d\u00e9pend n\u00e9anmoins des tailles g\u00e9n\u00e9r\u00e9es et de la mise en page r\u00e9elle.<\/p>\n\n\n\n<h2 id=\"principes-qui-restent-valables\" class=\"wp-block-heading\">Principes qui restent valables<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les \u00e9crans et formats \u00e9voluent, mais trois principes restent stables : \u00e9viter les pixels inutiles, pr\u00e9server la qualit\u00e9 perceptible et ne pas charger avant le besoin. La compression automatique ne sait pas si un petit texte dans une capture devient illisible ou si un recadrage retire la partie importante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress automatise les tailles interm\u00e9diaires, le balisage responsive et certains attributs de chargement. Un th\u00e8me ou une extension peut toutefois modifier ce r\u00e9sultat. L\u2019audit doit inspecter le HTML et les requ\u00eates effectivement re\u00e7us par le navigateur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une strat\u00e9gie <strong>optimiser images WordPress<\/strong> ne se limite pas \u00e0 installer une extension. Elle commence avant le t\u00e9l\u00e9versement et continue jusqu\u2019au contr\u00f4le mobile.<\/p>\n\n\n\n<h2 id=\"donner-un-role-a-chaque-image\" class=\"wp-block-heading\">Donner un r\u00f4le \u00e0 chaque image<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Classez le visuel avant de le produire : image vedette, illustration explicative, capture d\u2019interface, graphique, logo, ic\u00f4ne ou d\u00e9coration. Le r\u00f4le d\u00e9termine la proportion, la pr\u00e9cision, le texte alternatif et la priorit\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une image vedette peut r\u00e9sumer le concept sans texte incorpor\u00e9. Une capture doit rendre l\u2019\u00e9l\u00e9ment expliqu\u00e9 lisible. Un graphique doit conserver axes, l\u00e9gende et valeurs, ou fournir les m\u00eames donn\u00e9es en texte. Une d\u00e9coration n\u2019a pas besoin d\u2019\u00eatre annonc\u00e9e au lecteur d\u2019\u00e9cran.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Supprimez les images sans valeur. Un bloc visuel ajout\u00e9 seulement pour couper le texte augmente les octets et la maintenance sans am\u00e9liorer n\u00e9cessairement la compr\u00e9hension.<\/p>\n\n\n\n<h2 id=\"definir-les-dimensions-par-emplacement\" class=\"wp-block-heading\">D\u00e9finir les dimensions par emplacement<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mesurez la largeur d\u2019affichage maximale de l\u2019image dans le th\u00e8me, sur desktop et mobile. Tenez compte des \u00e9crans \u00e0 densit\u00e9 \u00e9lev\u00e9e sans exporter syst\u00e9matiquement une source gigantesque. D\u00e9finissez ensuite quelques profils : vedette 16:9, image de contenu large, vignette d\u2019archive et capture technique.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress g\u00e9n\u00e8re plusieurs tailles lors du t\u00e9l\u00e9versement, et le th\u00e8me ou les extensions peuvent en ajouter. Trop de tailles consomment du stockage et du traitement ; trop peu obligent le navigateur \u00e0 t\u00e9l\u00e9charger une ressource surdimensionn\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez la liste utilis\u00e9e par les mod\u00e8les, puis r\u00e9g\u00e9n\u00e9rez les tailles uniquement lorsque le th\u00e8me ou les dimensions changent et qu\u2019un retour est pr\u00e9vu.<\/p>\n\n\n\n<h2 id=\"recadrer-avant-de-compresser\" class=\"wp-block-heading\">Recadrer avant de compresser<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Retirez les zones inutiles et choisissez le point focal avant l\u2019export. Une image de deux fois la surface n\u00e9cessaire transporte des informations qui ne seront jamais visibles, m\u00eame si elle est fortement compress\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le bloc Image de WordPress permet de choisir une proportion et un point focal dans certains contextes. La <a href=\"https:\/\/wordpress.org\/documentation\/article\/image-block\/\" rel=\"noopener\">documentation du bloc Image<\/a> pr\u00e9cise que l\u2019affichage avec <code>cover<\/code> peut recadrer une partie du visuel. V\u00e9rifiez donc le r\u00e9sultat, notamment sur t\u00e9l\u00e9phone.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gardez une source ma\u00eetris\u00e9e hors de WordPress si l\u2019organisation en a besoin, mais ne publiez pas une archive massive ou un fichier de travail comme ressource publique.<\/p>\n\n\n\n<h2 id=\"choisir-format-et-compression-selon-le-contenu\" class=\"wp-block-heading\">Choisir format et compression selon le contenu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une photographie, un logo transparent, une capture avec petites lignes et une illustration aux aplats ne r\u00e9agissent pas pareil \u00e0 la compression. Comparez plusieurs exports au format pris en charge par votre cha\u00eene, puis choisissez le plus l\u00e9ger qui respecte l\u2019information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les formats modernes peuvent r\u00e9duire le poids dans de nombreux cas, mais leur disponibilit\u00e9 d\u00e9pend de WordPress, de la biblioth\u00e8que d\u2019images, des outils et des navigateurs cibl\u00e9s. Conservez un repli lorsque le contexte l\u2019exige et ne convertissez pas un fichier d\u00e9j\u00e0 tr\u00e8s compress\u00e9 plusieurs fois.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9valuez \u00e0 100 % et \u00e0 la taille d\u2019affichage. Cherchez les halos, aplats cass\u00e9s, texte flou, transparence incorrecte et gradients band\u00e9s. La qualit\u00e9 se valide avec les yeux et le contexte, pas seulement un pourcentage d\u2019encodeur.<\/p>\n\n\n\n<h2 id=\"utiliser-correctement-srcset-et-sizes\" class=\"wp-block-heading\">Utiliser correctement srcset et sizes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>srcset<\/code> liste plusieurs ressources ; <code>sizes<\/code> indique l\u2019espace que l\u2019image devrait occuper selon la mise en page. Le navigateur combine ces informations avec la densit\u00e9 d\u2019\u00e9cran pour choisir une variante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si <code>sizes<\/code> annonce une largeur trop grande, le navigateur peut t\u00e9l\u00e9charger une image plus lourde que n\u00e9cessaire. Si une extension remplace le balisage par une URL unique, les tailles WordPress ne sont plus utiles au visiteur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour <strong>optimiser images WordPress<\/strong>, inspectez une page publique : largeur CSS, attributs <code>width<\/code> et <code>height<\/code>, <code>srcset<\/code>, <code>sizes<\/code>, ressource r\u00e9ellement t\u00e9l\u00e9charg\u00e9e et qualit\u00e9 rendue. R\u00e9p\u00e9tez \u00e0 plusieurs largeurs sans vous fier uniquement \u00e0 l\u2019aper\u00e7u de l\u2019\u00e9diteur.<\/p>\n\n\n\n<h2 id=\"reserver-lespace-pour-eviter-les-decalages\" class=\"wp-block-heading\">R\u00e9server l\u2019espace pour \u00e9viter les d\u00e9calages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les attributs de dimensions donnent au navigateur le rapport de forme avant le t\u00e9l\u00e9chargement. Il peut r\u00e9server l\u2019espace et r\u00e9duire les d\u00e9placements de contenu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">web.dev recommande de fournir <code>width<\/code> et <code>height<\/code> pour les images, y compris avec le lazy loading, dans son guide sur le <a href=\"https:\/\/web.dev\/articles\/browser-level-image-lazy-loading\" rel=\"noopener\">chargement paresseux natif<\/a>. Le CSS peut ensuite rendre l\u2019image fluide tout en conservant le ratio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez les images ajout\u00e9es par des blocs tiers, widgets, banni\u00e8res et contenus anciens. Une seule vedette sans dimensions peut provoquer un d\u00e9placement important au d\u00e9but du chargement.<\/p>\n\n\n\n<h2 id=\"ne-pas-lazy-loader-limage-lcp\" class=\"wp-block-heading\">Ne pas lazy-loader l\u2019image LCP<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le lazy loading \u00e9conomise des t\u00e9l\u00e9chargements pour les images hors \u00e9cran. Il peut en revanche retarder l\u2019\u00e9l\u00e9ment principal visible d\u00e8s l\u2019ouverture. web.dev recommande de ne pas appliquer le chargement diff\u00e9r\u00e9 \u00e0 l\u2019image LCP et d\u2019assurer sa d\u00e9couverte pr\u00e9coce dans le <a href=\"https:\/\/web.dev\/articles\/optimize-lcp\" rel=\"noopener\">guide d\u2019optimisation LCP<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Identifiez l\u2019\u00e9l\u00e9ment LCP sur plusieurs mod\u00e8les et dans les donn\u00e9es disponibles. Ne supposez pas que l\u2019image vedette l\u2019est toujours. Si elle est critique, gardez-la dans le HTML initial et \u00e9vitez qu\u2019un script ne d\u00e9couvre son URL tardivement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ne marquez pas toutes les images en priorit\u00e9 haute. La concurrence peut retarder les ressources r\u00e9ellement importantes. Testez une modification \u00e0 la fois.<\/p>\n\n\n\n<h2 id=\"ecrire-le-texte-alternatif-dans-le-contexte\" class=\"wp-block-heading\">\u00c9crire le texte alternatif dans le contexte<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le texte alternatif transmet la fonction ou l\u2019information de l\u2019image. Il ne sert pas \u00e0 empiler des mots-cl\u00e9s. Une m\u00eame image peut demander un texte diff\u00e9rent selon la page ; le bloc permet d\u2019adapter l\u2019alternative \u00e0 l\u2019occurrence.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour une d\u00e9coration, utilisez une alternative vide afin que le lecteur d\u2019\u00e9cran l\u2019ignore. Pour un graphique, r\u00e9sumez le message important dans le texte et fournissez les donn\u00e9es n\u00e9cessaires sous une forme accessible. Pour une capture, d\u00e9crivez l\u2019\u00e9l\u00e9ment utile plut\u00f4t que chaque pixel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La documentation WordPress du bloc Image indique explicitement de d\u00e9crire l\u2019image pour l\u2019accessibilit\u00e9 ou de laisser l\u2019alternative vide si elle est d\u00e9corative.<\/p>\n\n\n\n<h2 id=\"eviter-les-doublons-et-fichiers-orphelins\" class=\"wp-block-heading\">\u00c9viter les doublons et fichiers orphelins<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Des recadrages manuels, imports, migrations et remplacements peuvent cr\u00e9er plusieurs originaux presque identiques. Avant de supprimer, v\u00e9rifiez les r\u00e9f\u00e9rences dans contenus, mod\u00e8les, m\u00e9tadonn\u00e9es sociales et autres langues.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une extension de nettoyage qui compare seulement la pr\u00e9sence dans le contenu peut ignorer une image appel\u00e9e par le th\u00e8me ou un champ personnalis\u00e9. Sauvegardez la m\u00e9diath\u00e8que et la base, testez une petite s\u00e9lection, puis contr\u00f4lez les pages publiques.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilisez des noms de fichiers descriptifs sans donn\u00e9e personnelle. Une biblioth\u00e8que organis\u00e9e facilite le remplacement et \u00e9vite de t\u00e9l\u00e9verser la m\u00eame image \u00e0 chaque article.<\/p>\n\n\n\n<h2 id=\"mesurer-sur-des-pages-representatives\" class=\"wp-block-heading\">Mesurer sur des pages repr\u00e9sentatives<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cr\u00e9ez un budget par mod\u00e8le plut\u00f4t qu\u2019une limite universelle : nombre d\u2019images initiales, poids total, plus grande ressource et proportion r\u00e9ellement affich\u00e9e. Comparez une page d\u2019article, une archive, l\u2019accueil et un parcours commercial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mesurez dans les m\u00eames conditions avant et apr\u00e8s. Observez le r\u00e9seau, le rendu, LCP et CLS, puis validez les donn\u00e9es de terrain lorsqu\u2019elles existent. Le guide <a href=\"https:\/\/ssdhosters.com\/blog\/core-web-vitals-wordpress\/\">Core Web Vitals WordPress<\/a> explique la diff\u00e9rence entre laboratoire et visiteurs r\u00e9els.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une r\u00e9duction de poids qui d\u00e9grade l\u2019information ou l\u2019accessibilit\u00e9 n\u2019est pas une r\u00e9ussite. Enregistrez le compromis choisi.<\/p>\n\n\n\n<h2 id=\"construire-un-workflow-editorial\" class=\"wp-block-heading\">Construire un workflow \u00e9ditorial<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Avant publication :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>choisir le r\u00f4le et la proportion ;<\/li>\n\n\n\n<li>recadrer autour du sujet ;<\/li>\n\n\n\n<li>exporter aux dimensions pr\u00e9vues ;<\/li>\n\n\n\n<li>comparer qualit\u00e9 et poids ;<\/li>\n\n\n\n<li>t\u00e9l\u00e9verser via la m\u00e9diath\u00e8que ;<\/li>\n\n\n\n<li>choisir la r\u00e9solution du bloc ;<\/li>\n\n\n\n<li>\u00e9crire l\u2019alternative ou la laisser vide si d\u00e9corative ;<\/li>\n\n\n\n<li>v\u00e9rifier le recadrage mobile ;<\/li>\n\n\n\n<li>contr\u00f4ler la ressource r\u00e9ellement charg\u00e9e ;<\/li>\n\n\n\n<li>enregistrer le budget et les exceptions.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Pour SSDHosters, les images d\u2019article restent en 1200\u00d7675, utilisent le langage noir\/n\u00e9on et re\u00e7oivent le logo principal exact sans modification. Cette r\u00e8gle de marque ne remplace pas l\u2019optimisation du fichier final.<\/p>\n\n\n\n<h2 id=\"checklist-optimiser-images-word-press\" class=\"wp-block-heading\">Checklist optimiser images WordPress<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ ] Chaque image poss\u00e8de une fonction \u00e9ditoriale.<\/li>\n\n\n\n<li>[ ] La proportion correspond \u00e0 son emplacement.<\/li>\n\n\n\n<li>[ ] Les dimensions source ne d\u00e9passent pas inutilement l\u2019usage.<\/li>\n\n\n\n<li>[ ] Le point focal reste visible sur mobile.<\/li>\n\n\n\n<li>[ ] Format et compression sont compar\u00e9s visuellement.<\/li>\n\n\n\n<li>[ ] Les variantes n\u00e9cessaires sont g\u00e9n\u00e9r\u00e9es.<\/li>\n\n\n\n<li>[ ] <code>srcset<\/code> et <code>sizes<\/code> refl\u00e8tent la mise en page.<\/li>\n\n\n\n<li>[ ] <code>width<\/code> et <code>height<\/code> r\u00e9servent l\u2019espace.<\/li>\n\n\n\n<li>[ ] L\u2019image LCP n\u2019est pas charg\u00e9e paresseusement.<\/li>\n\n\n\n<li>[ ] Les images hors \u00e9cran peuvent \u00eatre diff\u00e9r\u00e9es.<\/li>\n\n\n\n<li>[ ] Le texte alternatif transmet l\u2019information utile.<\/li>\n\n\n\n<li>[ ] Une d\u00e9coration utilise une alternative vide.<\/li>\n\n\n\n<li>[ ] Les graphiques poss\u00e8dent une \u00e9quivalence textuelle.<\/li>\n\n\n\n<li>[ ] Les caches sont purg\u00e9s apr\u00e8s remplacement.<\/li>\n\n\n\n<li>[ ] Desktop et mobile ont \u00e9t\u00e9 inspect\u00e9s.<\/li>\n\n\n\n<li>[ ] Poids, LCP, CLS et qualit\u00e9 sont compar\u00e9s dans les m\u00eames conditions.<\/li>\n<\/ul>\n\n\n\n<h2 id=\"points-cles-a-retenir\" class=\"wp-block-heading\">Points cl\u00e9s \u00e0 retenir<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019image optimale n\u2019est pas la plus petite \u00e0 tout prix. Elle est assez pr\u00e9cise pour son r\u00f4le, assez l\u00e9g\u00e8re pour le r\u00e9seau, responsive pour l\u2019\u00e9cran, stable dans la mise en page et compr\u00e9hensible avec ou sans vision.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour <strong>optimiser images WordPress<\/strong>, contr\u00f4lez d\u2019abord r\u00f4le, recadrage et dimensions, puis format, compression, variantes et priorit\u00e9. Inspectez la page publique et gardez une revue visuelle humaine ou \u00e9ditoriale dans le processus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le guide <a href=\"https:\/\/ssdhosters.com\/blog\/heberger-un-blog-wordpress\/\">h\u00e9berger un blog WordPress<\/a> relie cette cha\u00eene m\u00e9dia au cache, aux sauvegardes et \u00e0 l\u2019\u00e9volution du trafic.<\/p>\n\n\n\n<h2 id=\"sources-officielles\" class=\"wp-block-heading\">Sources officielles<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/developer.wordpress.org\/apis\/responsive-images\/\" rel=\"noopener\">Images responsives \u2014 WordPress Developer Resources<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/image-block\/\" rel=\"noopener\">Bloc Image \u2014 Documentation WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/web.dev\/articles\/browser-level-image-lazy-loading\" rel=\"noopener\">Chargement paresseux natif \u2014 web.dev<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/web.dev\/articles\/optimize-lcp\" rel=\"noopener\">Optimiser Largest Contentful Paint \u2014 web.dev<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/web.dev\/articles\/serve-responsive-images\" rel=\"noopener\">Servir des images responsives \u2014 web.dev<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/web.dev\/articles\/optimize-cls\" rel=\"noopener\">Optimiser Cumulative Layout Shift \u2014 web.dev<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Une m\u00e9thode actuelle pour r\u00e9duire le poids des images WordPress sans d\u00e9grader leur information.<\/p>\n","protected":false},"author":1,"featured_media":401,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,16],"tags":[],"class_list":["post-400","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-performance-wordpress","category-wordpress","resize-featured-image"],"_links":{"self":[{"href":"https:\/\/ssdhosters.com\/blog\/wp-json\/wp\/v2\/posts\/400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssdhosters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ssdhosters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ssdhosters.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ssdhosters.com\/blog\/wp-json\/wp\/v2\/comments?post=400"}],"version-history":[{"count":2,"href":"https:\/\/ssdhosters.com\/blog\/wp-json\/wp\/v2\/posts\/400\/revisions"}],"predecessor-version":[{"id":403,"href":"https:\/\/ssdhosters.com\/blog\/wp-json\/wp\/v2\/posts\/400\/revisions\/403"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ssdhosters.com\/blog\/wp-json\/wp\/v2\/media\/401"}],"wp:attachment":[{"href":"https:\/\/ssdhosters.com\/blog\/wp-json\/wp\/v2\/media?parent=400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ssdhosters.com\/blog\/wp-json\/wp\/v2\/categories?post=400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ssdhosters.com\/blog\/wp-json\/wp\/v2\/tags?post=400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}