Voulez-vous désactiver le lazy load dans WordPress ?
Par défaut, WordPress est doté d’une fonctionnalité de chargement paresseux, qui retarde le téléchargement des images et autres médias afin d’améliorer la vitesse de chargement des pages. Cependant, cela peut affecter l’expérience utilisateur de certains sites en n’affichant pas les images tout de suite.
Dans cet article, nous allons vous afficher comment désactiver facilement le lazy loading sur WordPress.
Qu’est-ce que le chargement paresseux ?
WordPress a introduit pour la première fois le chargement paresseux des images dans WordPress 5.5. Ultérieurement, la fonctionnalité de chargement paresseux a été étendue aux contenus embarqués iframes (comme les vidéos YouTube, Spotify et autres).
Cette pratique aide à améliorer les performances de votre site et la vitesse des pages en chargeant rapidement le contenu et la zone visible en premier.
Un site web plus rapide n’est pas seulement bénéfique pour les utilisateurs/utilisatrices, mais il peut également améliorer le classement de votre site, car les moteurs de recherche comme Google considèrent la vitesse comme un facteur de classement important.
Outre les images et les contenus embarqués, vous pouvez aussi facilement charger paresseusement les commentaires et les Gravatars pour améliorer encore la vitesse de chargement des pages.
La fonctionnalité de chargement paresseux peut être observée en action en cliquant avec le bouton droit de la souris sur une image et en sélectionnant l’outil Inspecter dans votre navigateur.
Cette opération divise l’écran de votre navigateur et affiche le code source HTML. Consultez cette page pour voir l’attribut « loading=lazy » ajouté à l’image.
Normalement, nous ne recommandons pas de désactiver la charge paresseuse en raison de ses avantages globaux pour votre site WordPress. Le fait de l’inactif peut entraîner un ralentissement de la vitesse du site, des taux de conversion plus faibles et un classement plus faible en matière de référencement.
Cependant, le chargement paresseux peut parfois nuire à l’expérience des utilisateurs/utilisatrices de certains sites.
Par exemple, si vous gérez un site de photographie où les images constituent l’aspect le plus important de votre contenu, le fait de les charger paresseusement risque de ruiner l’expérience utilisateur de vos clients/utilisatrices.
Dans d’autres cas, il se peut que vous utilisiez une autre solution de chargement paresseux et que vous souhaitiez simplement inactiver le chargement paresseux par défaut de WordPress.
Ceci étant dit, voyons comment vous pouvez facilement désactiver le lazy load dans WordPress.
Pour ce tutoriel, nous vous proposons une méthode basée sur le code et une méthode basée sur l’extension. Vous pouvez donc utiliser les liens ci-dessous pour passer à la méthode de votre choix :
Tutoriel vidéo
Si vous préférez des instructions écrites, continuez à lire.
Méthode 1 : Désactiver Lazy Load dans WordPress en utilisant WPCode (Recommandé)
Vous pouvez simplement désactiver la fonctionnalité de chargement paresseux dans WordPress en ajoutant un code personnalisé au fichier functions.php de votre thème.
Cependant, n’oubliez pas que la moindre erreur lors de l’ajout du code peut briser votre site et le rendre inaccessible.
C’est pourquoi nous recommandons d’utiliser WPCode pour ajouter du code personnalisé.
C’est le meilleur module WordPress d’extraits de code personnalisés sur le marché qui rend super facile et sûr l’ajout de code sur votre site.
Tout d’abord, vous devez installer et activer l’extension WPCode. Pour des instructions détaillées, consultez notre guide sur l’installation d’une extension WordPress.
Note : WPCode dispose également d’une version gratuite que vous pouvez utiliser pour ce tutoriel. Cependant, passer à l’offre payante vous donnera accès à des fonctionnalités telles que la bibliothèque d’extraits de code, le type de code CSS, la logique conditionnelle, et plus encore.
Une fois activé, visitez la page Code Snippets » + Add Snippet » depuis le tableau de bord WordPress.
Cliquez ensuite sur le bouton « Utiliser l’extrait » sous l’option « Ajouter votre code personnalisé (nouvel extrait) ».
Vous accéderez à la page « Créer un extrait personnalisé », où vous pourrez commencer par saisir un nom pour votre extrait de code. Il peut s’agir de n’importe quel nom qui vous aidera à identifier l’extrait de code et ce qu’il fait.
Ensuite, sélectionnez « PHP Sélectionné » dans le menu déroulant « Type de code » dans le coin droit de l’écran.
Copiez et collez le code PHP suivant dans la case « Prévisualisation du code » :
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
Voici à quoi ressemblera le code après avoir été collé.
Ensuite, défilez vers le bas jusqu’à la section « Insertion ». Choisissez le mode « Insertion automatique ».
Cela garantira que votre code personnalisé est automatiquement exécuté partout sur votre site WordPress une fois que vous aurez activé l’extrait/cliente.
Ensuite, défilez vers le haut de la page et permutez simplement le commutateur « Inactif » sur « Actif ».
Ensuite, n’oubliez pas de cliquer sur le bouton « Enregistrer l’extrait » pour enregistrer et exécuter votre extrait de code.
Une fois activé, cet extrait de code personnalisé désactivera la fonctionnalité de chargement paresseux sur votre blog WordPress.
Vous pouvez le vérifier en cliquant avec le bouton droit de la souris sur une image et en sélectionnant « Inspecter » dans le menu du navigateur.
Dans le code HTML de l’image, l’attribut loading=lazy disparaît désormais.
Méthode 2 : Désactiver la charge paresseuse dans WordPress à l’aide d’une extension
Si vous ne souhaitez pas ajouter de code à votre site, vous pouvez alors utiliser une extension pour désactiver le chargement paresseux des images.
La seule chose que vous devez faire est d’installer et d’activer l’extension Disable Lazy Load . Pour plus d’instructions, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.
L’extension fonctionne dès le départ et ne nécessite aucune configuration. Une fois activé, il désactivera automatiquement la fonctionnalité lazy load sur votre site.
Bonus : Améliorez la vitesse et les performances de votre site
Une fois que vous avez désactivé le chargement paresseux, cela peut affecter négativement la vitesse et les performances de votre site.
Dans ce cas, vous pouvez essayer d’autres astuces pour améliorer les performances de votre site et réduire le temps de chargement des pages. Par exemple, vous pouvez optimiser les images de votre site en les compressant, en utilisant les formats de fichier JPEG ou PNG et en ajoutant un texte alt.
En outre, vous devriez toujours utiliser la dernière version de WordPress, utiliser des extraits sur la page d’accueil, diviser les commentaires en pages et utiliser des thèmes optimisés pour le référencement sur votre site.
À part cela, vous pouvez également utiliser des extensions de mise en cache comme WP Rocket ou WP Super Cache pour booster davantage la vitesse de votre site.
Pour plus d’astuces, vous pouvez consulter notre guide du débutant pour booster la vitesse et les performances de WordPress.
Nous espérons que cet article vous a aidé à apprendre comment désactiver correctement le lazy load sur WordPress. Vous pouvez également consulter notre guide du débutant sur la façon d’optimiser les images WordPress pour de meilleurs temps de chargement des pages ou voir notre choix des meilleures extensions de compression d’images WordPress.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Dimitrios Charalampidis says
This website’s articles have helped me so much… I just wanted to say: Thank you!
WPBeginner Support says
You’re welcome! Glad to hear our guides have been helpful!
Administrateur
Adrian says
What about disable lazy load ONLY on featured image (first image above the fold)? Is there an easy way?
WPBeginner Support says
We do not have a recommendation for conditionally disabling it but should that change we will be sure to share!
Administrateur