Appliquer manuellement le LazyLoad à une image
WP Rocket applique automatiquement le LazyLoad aux images qui sont ajoutées via l'éditeur, ou appelées depuis les fonctions natives de WordPress comme the_post_thumbnail().
Mais certains thèmes/extensions utilisent leurs propres fonctions personnalisées que nous ne pouvons pas détecter. Il y a deux manières d’ajouter manuellement LazyLoad aux images que WP Rocket ne détecte pas :
Editer le HTML de la balise image
Editez le HTML de la balise image elle-même avec le src et data-lazy-src, comme suit :
<img src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" data-lazy-src="adresse de l'image" alt="" width="XX" height="XX" />
Editer le modèle de page PHP
Ajoutez-la au fichier modèle de page PHP :
<?php $image = get_field( 'image' ); if( ! empty( $image ) && function_exists( 'get_rocket_option' ) && get_rocket_option( 'lazyload' ) && ! ( defined( 'DONOTROCKETOPTIMIZE' ) && DONOTROCKETOPTIMIZE ) ) : ?> <img src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" data-lazy-src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" /> <?php elseif( ! empty( $image ) ) : ?> <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" /> <?php endif; ?>