Optimisation des images

Les images représentent souvent 60–80% du poids d'une page. Stratégies pour les optimiser.

Conversion WebP automatique

# Via WP-CLI avec le plugin Imagify ou ShortPixel
wp imagify optimize --all

Configuration Nginx pour servir WebP automatiquement :

location ~* \.(png|jpe?g)$ {
    add_header Vary Accept;
    try_files $uri$webp_suffix $uri =404;
}

Responsive images avec srcset

WordPress génère automatiquement les attributs srcset et sizes. Personnalisez les tailles générées :

 Lazy Loading
 Natif depuis WordPress 5.5 via loading="lazy". Pour désactiver sur les images critiques (LCP) :
 add_filter( 'wp_lazy_loading_enabled', function( $default, $tag_name ) {
    return $tag_name !== 'img' || !is_header_image();
}, 10, 2 );
 Plugins recommandés
  Smush — Compression sans perte, optimisation en lot, lazy load
 ShortPixel — Excellent ratio qualité/poids, conversion WebP auto
 Imagify — 3 niveaux de compression, intégration WP Rocket
 
  💡 PageSpeed Insights Utilisez pagespeed.web.dev pour identifier précisément quelles images optimiser en priorité.