Désactivez le LazyLoad sur des images spécifiques

Dans cette documentation

Désactiver le LazyLoad sur une image

Si vous voulez désactiver le LazyLoad sur une image en particulier, c’est simple.
Vous pouvez le faire en ajoutant l’attribut data-no-lazy à la balise HTML img:

<img src="my-image.jpg" data-no-lazy="1" alt="" width="100" width="100" />

Désactiver le LazyLoad sur une class image

Vous pouvez aussi cibler une class spécifique à exclure du LazyLoad en utilisant ceci :

function rocket_lazyload_exclude_class( $attributes ) {
	$attributes[] = 'class="divi-slider"';

	return $attributes;
}
add_filter( 'rocket_lazyload_excluded_attributes', 'rocket_lazyload_exclude_class' );

Dans $attributes, la class doit être rigoureusement identique au markup HTML. Par example si la class attribuée à l'image est la suivante :

class="attachment-post-thumbnail size-post-thumbnail wp-post-image"

Vous devez spécifier tout les attributs, comme ceci :

$attributes[] = 'class="attachment-post-thumbnail size-post-thumbnail wp-post-image"';

Désactiver le LazyLoad par source d'image

Vous pouvez aussi cibler une image en fonction de sa src, permettant ainsi d'exclure des images hébergées sur d'autres domaines du LazyLoad. Dans l'exemple ci-dessous, les images servies par wp.com seront exclues du LazyLoad :

function rocket_lazyload_exclude_src( $src ) {
	$src[] = 'wp.com';

	return $src;
}
add_filter( 'rocket_lazyload_excluded_src', 'rocket_lazyload_exclude_src' );

Désactiver le Lazyload sur les avatars

Si vous souhaitez désactiver le Lazyload sur tous les avatars de votre site web, vous pouvez le faire en ajoutant ce code dans le fichier functions.php de votre thème, par exemple.

remove_filter( 'get_avatar', 'rocket_lazyload_images', PHP_INT_MAX );