Voulez-vous désactiver le chargement paresseux dans WordPress ?
Par défaut, WordPress est livré avec une fonction de chargement paresseux, qui retarde les téléchargements d’images et d’autres médias pour améliorer la vitesse de chargement des pages.
Cependant, pour certains sites Web, cela peut affecter l’expérience utilisateur en n’affichant pas immédiatement les images et les médias.
Dans cet article, nous allons vous montrer comment désactiver facilement le chargement paresseux dans WordPress en utilisant à la fois une méthode de code et une méthode de plugin.
Qu’est-ce que le Lazy Load ?
WordPress a introduit pour la première fois des images à chargement paresseux dans WordPress 5.5. Plus tard, il a étendu la fonctionnalité de chargement paresseux aux intégrations d’iframes (par exemple, des vidéos YouTube, Spotify et d’autres intégrations).
Cette pratique permet d’améliorer la vitesse et les performances de votre site Web en chargeant rapidement le contenu et la zone visible en premier.
Un site Web plus rapide n’est pas seulement bon pour les utilisateurs, mais aussi pour le référencement. Les moteurs de recherche comme Google considèrent la vitesse comme un facteur de classement important.
Outre les images et les intégrations, vous pouvez également charger facilement les commentaires et les Gravatars pour améliorer encore la vitesse de chargement des pages.
Le chargement paresseux peut être vu en action en cliquant avec le bouton droit sur une image et en sélectionnant l’outil Inspecter dans votre navigateur.
Cela divisera l’écran de votre navigateur et vous montrera le code source HTML. À partir de là, vous pourrez voir l’attribut « loading=lazy » ajouté à l’image.
Maintenant, normalement, nous ne recommandons pas de désactiver le chargement différé en raison de ses avantages globaux pour votre site Web WordPress. Le désactiver peut entraîner une vitesse de site Web plus lente, des taux de conversion plus faibles et un classement SEO inférieur.
Cependant, le chargement paresseux peut parfois affecter l’expérience utilisateur de certains sites Web.
Par exemple, si vous gérez un site Web de photographie où les images sont l’aspect le plus important de votre contenu, leur chargement paresseux peut ruiner l’expérience utilisateur de vos clients.
Dans d’autres cas, vous utilisez peut-être une autre solution de chargement paresseux et souhaitez simplement désactiver le chargement paresseux WordPress par défaut.
Cela étant dit, voyons comment vous pouvez facilement désactiver le chargement paresseux dans WordPress.
- Méthode 1. Désactiver le Lazy Load dans WordPress à l’aide de WPCode (recommandé)
- Méthode 2. Désactiver le Lazy Load dans WordPress à l’aide d’un plugin
Méthode 1. Désactiver le Lazy Load dans WordPress à l’aide de WPCode (recommandé)
Vous pouvez simplement désactiver la fonctionnalité de chargement paresseux dans WordPress en ajoutant un extrait de code personnalisé au fichier functions.php de votre thème.
Cependant, gardez à l’esprit que la moindre erreur lors de l’ajout du code peut entraîner la rupture de votre site Web et le rendre inaccessible à vos utilisateurs.
C’est pourquoi nous vous recommandons d’utiliser le plugin WPCode pour ajouter du code personnalisé à votre site.
C’est le meilleur plugin d’extraits de code personnalisé qui permet aux débutants d’ajouter en toute sécurité du code personnalisé à leur site Web.
Tout d’abord, vous devez installer et activer le plugin WPCode. Consultez notre guide sur la façon d’installer un plugin WordPress pour plus d’instructions.
Lors de l’activation, accédez à la Extraits de code » + Ajouter un extrait page.
Cela vous amènera à l’écran “Ajouter des extraits” où vous verrez un tas d’extraits de code prêts à l’emploi que vous pouvez ajouter à votre site Web.
À partir de là, vous devez cliquer sur le bouton “Utiliser un extrait” sous le ‘Ajouter votre code personnalisé (nouvel extrait)’ option.
Une fois sur la page “Créer un extrait de code personnalisé”, vous pouvez commencer par saisir un nom pour votre extrait de code.
Il peut s’agir de tout ce qui vous aidera à identifier l’extrait de code et ce qu’il fait.
Après cela, sélectionnez ‘PHP Snippet’ dans le menu déroulant à côté de l’option ‘Code Type’.
Maintenant, copiez et collez le code PHP suivant dans la case “Aperçu du code”.
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
Voici à quoi ressemblera le code après avoir été collé dans la case “Aperçu du code”.
Après avoir ajouté le code, faites défiler jusqu’à la section “Insertion”.
Ici, choisissez simplement “Insertion automatique” comme mode d’insertion. Cela garantira que votre code personnalisé est automatiquement exécuté partout sur votre site Web une fois que vous avez activé l’extrait de code.
Ensuite, vous devez faire défiler vers le haut de la page et basculer simplement le commutateur “Inactif” sur “Actif”.
Après cela, n’oubliez pas de cliquer sur le bouton “Enregistrer l’extrait” pour enregistrer et exécuter votre extrait personnalisé.
Une fois activé, cet extrait de code personnalisé désactivera la fonction de chargement paresseux sur votre site Web WordPress.
Vous pouvez tester en cliquant avec le bouton droit sur une image et en sélectionnant Inspecter dans le menu du navigateur.
Dans le code HTML de l’image, l’attribut loading=lazy va maintenant disparaître.
Méthode 2. Désactiver le Lazy Load dans WordPress à l’aide d’un plugin
Si vous ne souhaitez pas ajouter de code à votre site, vous pouvez utiliser le plugin Disable Lazy Load.
La seule chose que vous devez faire est d’installer et d’activer le plugin Disable Lazy Load. Pour plus d’instructions, consultez notre guide sur l’installation d’un plugin WordPress.
Le plugin fonctionne hors de la boîte et ne nécessite aucune configuration. Une fois activé, il désactivera automatiquement la fonction de chargement différé sur votre site.
Nous espérons que cet article vous a aidé à apprendre comment désactiver correctement le chargement paresseux dans WordPress. Vous pouvez également consulter notre guide sur la façon d’optimiser les images WordPress pour de meilleurs temps de chargement des pages, ou voir notre sélection des meilleurs plugins de compression d’images WordPress.
Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Le message Comment désactiver correctement le chargement paresseux dans WordPress (étape par étape) est apparu pour la première fois sur WPBeginner.