Désactiver le LazyLoad sur mobile

Dans cet article

Désactiver le LazyLoad lorsque le cache mobile est activé

Parfois le LazyLoad fonctionne correctement sur les ordinateurs, mais pose problème sur les appareil mobiles. Lorsque vous avez activé à la fois le cache mobile et la sous-option "créer un cache spécifique pour les visiteurs mobiles", vous pouvez utiliser le code ci-dessous dans une extensions automatique pour désactiver le LazyLoad sur mobile uniquement.

1

Créer un dossier nommé mu-plugins dans le dossier wp-content.
Si un dossier mu-plugins existe déjà, pas besoin d'en créer un nouveau, vous pouvez utiliser l'existant.

2

En utilisant un éditeur de texte, créer un nouveau fichier et y mettre le code suivant :


<?php
defined( 'ABSPATH' ) or die( 'Cheatin&#8217; uh?' );
/**
 * Plugin Name: WP Rocket | UnLazyLoad Mobile
 * Description: Disables LazyLoad When Mobile Caching Active
 * Author:      WP Rocket Support Team
 * Author URI:  http://wp-rocket.me/
 * License:     GNU General Public License v3 or later
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 */

add_filter( 'wp', '__deactivate_rocket_lazyload_only_on_mobile' );
function __deactivate_rocket_lazyload_only_on_mobile() {
	if( class_exists( 'Rocket_Mobile_Detect' ) && get_rocket_option( 'do_caching_mobile_files', false ) ) {
		$detect = new Rocket_Mobile_Detect();
	
		if ( $detect->isMobile() && ! $detect->isTablet() ) {
			// Images
			add_filter( 'do_rocket_lazyload', '__return_false' );
			
			// Iframes
			add_filter( 'do_rocket_lazyload_iframes', '__return_false' );
		}
	}
}
	
3
Sauvegarder le fichier sous wp-rocket-unlazyload-mobile.php
4
Envoyer ce fichier dans le dossier mu-plugins créé à l'étape 1.
5
Enfin, désactiver/réactiver WP Rocket.

Désactiver le LazyLoad sur mobile - sans l'option de cache mobile

Si vous avez activé le LazyLoad, il sera tout de même actif par défaut sur les pages non mises en cache.

Si vous souhaitez désactiver le LazyLoad pour les appareils mobiles, vous pouvez suivre la procédure suivante :

1

Désactiver l'option cache mobile dans les options de WP Rocket.

2
Créer un dossier nommé mu-plugins dans le dossier wp-content. Si un dossier mu-plugins existe déjà, pas besoin d'en créer un nouveau, vous pouvez utiliser l'existant. En utilisant un éditeur de texte, créer un nouveau fichier et y mettre le code suivant :
<?php
defined( 'ABSPATH' ) or die( 'Cheatin&#8217; uh?' );
/**
 * Plugin Name: WP Rocket | UnLazyLoad Mobile
 * Description: Disables LazyLoad for mobile devices.
 * Author:      WP Rocket Support Team
 * Author URI:  http://wp-rocket.me/
 * License:     GNU General Public License v3 or later
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 */

if ( wp_is_mobile() ) {
	add_filter( 'do_rocket_lazyload', '__return_false' );
}
	
3
Sauvegarder le fichier sous  wp-rocket-unlazyload-mobile.php
4
Envoyer ce fichier dans le dossier mu-plugins créé à l'étape 1.
5

Enfin, désactiver/réactiver WP Rocket.

Note: Cela ne fonctionnera que si l'option cache mobile est bien désactivée (étape 1).