{"id":3268,"date":"2026-07-10T12:00:00","date_gmt":"2026-07-10T12:00:00","guid":{"rendered":"https:\/\/smartcoding.com.au\/core-web-vitals-et-wordpress-pourquoi-la-livraison-des-images-est-le-goulot-detranglement\/"},"modified":"2026-11-01T20:21:32","modified_gmt":"2026-11-01T20:21:32","slug":"core-web-vitals-et-wordpress-pourquoi-la-livraison-des-images-est-le-goulot-detranglement","status":"publish","type":"post","link":"https:\/\/smartcoding.com.au\/fr\/core-web-vitals-et-wordpress-pourquoi-la-livraison-des-images-est-le-goulot-detranglement\/","title":{"rendered":"Core Web Vitals et WordPress : pourquoi la livraison des m\u00e9dias est le goulot d&rsquo;\u00e9tranglement"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Sur la plupart des sites WordPress en 2026, l&rsquo;\u00e9cart entre un score Core Web Vitals vert et un score rouge se joue sur la rapidit\u00e9 avec laquelle les images arrivent dans le navigateur. La mise en cache aide, un th\u00e8me rapide aide, mais sur presque toutes les pages le facteur d\u00e9cisif est la livraison des m\u00e9dias. Ce guide montre o\u00f9 passe r\u00e9ellement le temps et quoi changer pour y rem\u00e9dier.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le LCP est presque toujours une image<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le plus grand \u00e9l\u00e9ment au-dessus de la ligne de flottaison est presque toujours une image : la photo principale d&rsquo;une page d&rsquo;accueil, l&rsquo;image mise en avant d&rsquo;un article, la photo produit d&rsquo;une fiche WooCommerce. Ce seul fichier constitue la mesure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si l&rsquo;image est volumineuse, lente \u00e0 r\u00e9cup\u00e9rer ou servie depuis un serveur lointain, le LCP en p\u00e2tit. Tout le reste de la page peut \u00eatre parfait, le score chute quand m\u00eame.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O\u00f9 passent les millisecondes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une requ\u00eate typique pour une image h\u00e9berg\u00e9e sur WordPress passe par quatre \u00e9tapes : la r\u00e9solution DNS sur votre domaine d&rsquo;origine, la poign\u00e9e de main TCP et TLS, le t\u00e9l\u00e9chargement de l&rsquo;image elle-m\u00eame et le temps de d\u00e9codage du navigateur. Les trois premi\u00e8res rel\u00e8vent du r\u00e9seau ; la derni\u00e8re, de l&rsquo;appareil.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un CDN r\u00e9duit nettement les \u00e9tapes r\u00e9seau, car le fichier est servi depuis un n\u0153ud plus proche du visiteur. C&rsquo;est le changement au plus fort effet de levier pour la performance des m\u00e9dias et les Core Web Vitals sur WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La configuration qui fait r\u00e9guli\u00e8rement bouger le score<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9chargez la biblioth\u00e8que de m\u00e9dias vers S3, R2, Bunny ou un autre bucket compatible S3 et servez-la via un CDN. Un bon plugin de d\u00e9chargement des m\u00e9dias g\u00e8re \u00e0 la fois l&rsquo;envoi des fichiers vers le stockage et la r\u00e9\u00e9criture des URL pour que les contenus existants pointent vers le CDN : votre origine n&rsquo;est alors plus sur le chemin critique des m\u00e9dias.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Associez le d\u00e9chargement \u00e0 une prise en charge correcte de srcset pour que les navigateurs mobiles t\u00e9l\u00e9chargent des variantes \u00e0 la bonne taille. La plupart des th\u00e8mes WordPress les g\u00e9n\u00e8rent d\u00e9j\u00e0 ; le plugin n&rsquo;a plus qu&rsquo;\u00e0 r\u00e9\u00e9crire l&rsquo;URL de chaque variante.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">N&rsquo;oubliez ni le CLS ni l&rsquo;INP<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le Cumulative Layout Shift diminue lorsque les images portent des attributs explicites de largeur et de hauteur, car le navigateur r\u00e9serve l&rsquo;espace avant l&rsquo;arriv\u00e9e du fichier. L&rsquo;Interaction to Next Paint n&rsquo;a rien \u00e0 voir avec les m\u00e9dias, mais m\u00e9rite d&rsquo;\u00eatre v\u00e9rifi\u00e9e une fois le LCP r\u00e9gl\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La plupart des th\u00e8mes WordPress modernes d\u00e9finissent d\u00e9j\u00e0 largeur et hauteur en sortie. Si ce n&rsquo;est pas le cas du v\u00f4tre, corrigez-le avant de mesurer \u00e0 nouveau.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comment confirmer que le changement a fonctionn\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lancez PageSpeed Insights sur la m\u00eame URL avant et apr\u00e8s le d\u00e9chargement, et regardez la section des donn\u00e9es de terrain plut\u00f4t que celles de laboratoire. Les donn\u00e9es de terrain refl\u00e8tent de vrais utilisateurs et ce sont elles que Google utilise pour le classement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les donn\u00e9es de terrain se mettent \u00e0 jour environ tous les vingt-huit jours ; ne paniquez donc pas si vous ne voyez pas le changement du jour au lendemain. Les donn\u00e9es de laboratoire se mettent \u00e0 jour instantan\u00e9ment et constituent un bon signal pr\u00e9coce.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pr\u00e9f\u00e9rez confier \u00e0 une \u00e9quipe le soin de bien r\u00e9gler tout cela ? Chez <a href=\"https:\/\/defyn.com.au\" rel=\"noopener\">Defyn<\/a>, nous construisons et maintenons des sites WordPress rapides, avec une livraison des m\u00e9dias r\u00e9gl\u00e9e de bout en bout.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sur la plupart des sites WordPress, l&rsquo;\u00e9cart entre un score Core Web Vitals vert et rouge se joue sur la livraison des m\u00e9dias. Voici o\u00f9 passe le temps et comment y rem\u00e9dier.<\/p>\n","protected":false},"author":2,"featured_media":2890,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_wpcom_ai_launchpad_first_post":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":false},"categories":[5,1069],"tags":[],"class_list":["post-3268","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-search-engine-optimisation"],"jetpack_publicize_connections":[],"featured_image_src":"https:\/\/smartcoding.com.au\/wp-content\/uploads\/2026\/06\/developer-workspace-code-600x400.jpg?crop=1","featured_image_src_square":"https:\/\/smartcoding.com.au\/wp-content\/uploads\/2026\/06\/developer-workspace-code-600x600.jpg?crop=1","author_info":{"display_name":"Claire Smith","author_link":"https:\/\/smartcoding.com.au\/fr\/author\/claire\/"},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/phbW1n-QI","jetpack_featured_media_url":"https:\/\/smartcoding.com.au\/wp-content\/uploads\/2026\/06\/developer-workspace-code.jpg","_links":{"self":[{"href":"https:\/\/smartcoding.com.au\/fr\/wp-json\/wp\/v2\/posts\/3268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartcoding.com.au\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/smartcoding.com.au\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/smartcoding.com.au\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/smartcoding.com.au\/fr\/wp-json\/wp\/v2\/comments?post=3268"}],"version-history":[{"count":1,"href":"https:\/\/smartcoding.com.au\/fr\/wp-json\/wp\/v2\/posts\/3268\/revisions"}],"predecessor-version":[{"id":4688,"href":"https:\/\/smartcoding.com.au\/fr\/wp-json\/wp\/v2\/posts\/3268\/revisions\/4688"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smartcoding.com.au\/fr\/wp-json\/wp\/v2\/media\/2890"}],"wp:attachment":[{"href":"https:\/\/smartcoding.com.au\/fr\/wp-json\/wp\/v2\/media?parent=3268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smartcoding.com.au\/fr\/wp-json\/wp\/v2\/categories?post=3268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smartcoding.com.au\/fr\/wp-json\/wp\/v2\/tags?post=3268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}