Lazy loading et srcset pour les médias WordPress en 2026

Le comportement du lazy loading et de srcset dans WordPress s’est discrètement amélioré à plusieurs reprises depuis 2020. En 2026, il est plus performant que la plupart des développeurs de thèmes ne l’imaginent. Ce guide explique ce que WordPress fait par défaut, ce qu’il ne fait pas, et où s’insère une extension de déchargement des médias.

Ce que WordPress fait pour vous par défaut

Depuis la version 5.5, WordPress ajoute automatiquement loading= »lazy » aux images situées sous la ligne de flottaison. Depuis la 6.3, il tente d’ignorer l’image LCP afin qu’elle se charge immédiatement. Ces deux comportements sont modifiables par filtre.

Pour la plupart des thèmes, les valeurs par défaut sont correctes. Sur certains thèmes personnalisés, l’heuristique se trompe et l’image LCP est chargée en différé par erreur.

Comment fonctionne srcset dans WordPress

WordPress génère plusieurs variantes d’image au téléversement, puis les assemble dans un attribut srcset à l’affichage. Les navigateurs modernes choisissent la bonne variante selon le viewport et la densité de pixels. C’est automatique si vous utilisez the_post_thumbnail ou wp_get_attachment_image.

Les modèles personnalisés qui codent des balises img à la main sautent souvent cette étape. Passez aux fonctions d’assistance et vous obtenez srcset gratuitement.

Gardez l’image LCP en chargement immédiat

L’image du Largest Contentful Paint doit se charger immédiatement. Si votre thème la charge en différé par erreur, le LCP en souffre visiblement. Ajoutez loading= »eager » et fetchpriority= »high » à l’image principale dans le modèle, et non dans le balisage.

Un petit réglage du thème ici vaut souvent une seconde entière d’amélioration du LCP.

Pourquoi le déchargement rend srcset nettement plus rapide

Le lazy loading et srcset supposent tous deux une livraison d’images rapide. Si votre origine est lente, aucun attribut de chargement astucieux ne vous sauvera. Defyn Media Offload réécrit chaque variante de srcset en URL de CDN, de sorte que le navigateur récupère la bonne taille depuis le bon nœud de périphérie. C’est cette combinaison qui fait la différence sur mobile.

Sans déchargement, le lazy loading ne fait que retarder une requête lente. Avec déchargement, chaque variante de srcset arrive rapidement au moment voulu.

Erreurs courantes

Charger l’image LCP en différé. Oublier srcset sur des balises img écrites à la main. Omettre les attributs width et height, ce qui provoque un décalage de mise en page. Placer trop de ressources derrière preload, ce qui encombre le réseau.

Corrigez ces points dans l’ordre et vous serez presque arrivé à un score vert aux Core Web Vitals.

Vous préférez confier ce réglage fin à une équipe ? Chez Defyn, nous construisons et entretenons des sites WordPress rapides, avec une livraison des médias maîtrisée de bout en bout.