Il existe de nombreuses approches différentes pour mettre en œuvre le chargement différé sur votre site Web. Vous êtes invités à consulter notre liste classée des meilleurs plugins pour WordPress prenant en charge le chargement lent.
Il existe de nombreux plugins dans le répertoire WordPress qui peuvent être utilisés pour charger paresseux des images et des vidéos. Après avoir examiné quelques dizaines de plugins et en avoir testé quelques-uns, nous avons trouvé deux plugins qui augmentent considérablement les performances du site Web. Si vous souhaitez implémenter le chargement différé, envisagez les options ci-dessous.
Utiliser WP Rocket (Premium)
WP Rocket est l'approche la plus simple pour implémenter un chargement lent sur votre site Web. De plus, le processus d'activation prend moins d'une minute. LazyLoad est le nom du plugin que WP Rocket inclut comme version du chargement paresseux des images.
Lorsque LazyLoad est activé, WP Rocket arrêtera immédiatement le chargement paresseux de l'image native de WordPress pour éviter tout problème éventuel.
Suivez les étapes ci-dessous pour activer la fonctionnalité LazyLoad de WP Rocket : -
- Vous pouvez activer LazyLoad en accédant à Paramètres > WP Rocket > Panneau Média dans votre installation WordPress.
- Cliquez sur « Activer pour les images » sous la zone LazyLoad en haut de l'écran.
- Cliquez sur « Enregistrer les modifications » après avoir effectué votre sélection.
C'est tout le reste qu'il faut faire. En conséquence, les visiteurs connaîtront un chargement lent des photos.
LazyLoad permet un chargement paresseux pour des éléments HTML supplémentaires, tels que des iframes et des vidéos, contrairement à l'approche native proposée par WordPress. De plus, il utilisera le chargement différé pour les images d'arrière-plan si ces images sont appliquées en ligne pour des composants HTML spécifiques.
Si vous souhaitez utiliser la fonctionnalité native de chargement différé d'images de WordPress, vous pouvez désactiver l'option LazyLoad dans WP Rocket. D'un autre côté, la nouvelle propriété de chargement n'est pas encore prise en charge par tous les navigateurs. De plus, l’installation de WordPress se concentre uniquement sur les photos. Par conséquent, LazyLoad de WP Rocket reste l’alternative supérieure, en particulier si votre site Web contient de nombreuses images, vidéos et intégrations.
Choses à noter lors de l'activation du chargement paresseux natif de WP Rocket
Même si WP Rocket n'inclut pas la compatibilité automatique avec les navigateurs Chrome qui utilisent le chargement paresseux natif, vous avez toujours la possibilité de choisir la prise en charge du chargement paresseux natif de Chrome en l'activant via un plugin d'assistance. De même, c'est le cas même si WP Rocket n'inclut pas de compatibilité automatique avec d'autres navigateurs qui utilisent le chargement différé natif.
Vous pouvez garantir les choses suivantes en utilisant ce plugin utile :
- Chacune de vos photos contiendra la syntaxe HTML essentielle pour utiliser le chargement paresseux natif ; les navigateurs compatibles avec Chrome utiliseront automatiquement le chargement paresseux natif ; tous les autres navigateurs utiliseront automatiquement LazyLoad de WP Rocket.
- Vous avez la possibilité de continuer à utiliser notre technologie robuste LazyLoad ou de passer à la fonctionnalité de chargement paresseux intégrée à Chrome.
Tout dépend de vous ! Tout d’abord, testez les deux approches sur place et choisissez celle qui vous convient le mieux.
Utilisation d'a3 Lazy Load (gratuit)
Si vous recherchez une option gratuite, nous vous recommandons d'utiliser le plugin a3 L az y Load Vous pouvez désactiver le chargement différé pour des images et des pages particulières à l'aide du plugin a3. De plus, il permet le chargement différé des vidéos sur votre site internet :
De plus, ce plugin facilite le chargement paresseux d'images et de vidéos externes. L’implémentation principale de WordPress n’effectue pas une telle action.
Vous pouvez installer et activer ce plugin depuis votre tableau de bord WordPress. Désormais, vous pouvez personnaliser les paramètres de l'outil.
Étape 2 : Ajustez les paramètres d'image du plugin
Accédez ensuite à Paramètres > a3 Lazy Load. Si vous regardez sous Lazy Load Activation, le plugin est activé par défaut après l'installation.
Maintenant, ouvrez l’onglet Images LazyLoad. Vous pouvez (1) choisir les images de sites Web à retarder et (2) fournir une solution de secours aux navigateurs Web qui refusent d'accepter JavaScript. Pour les images dont vous ne souhaitez pas retarder le chargement, vous pouvez (3) définir une classe CSS :
Les paramètres par défaut ont toutes les options activées . Nous vous recommandons fortement de conserver ce paramètre. Créez une classe CSS qui vous permettra d'ignorer le chargement différé pour des images particulières.
Étape 3 : Ajustez les paramètres vidéo du plugin
L'onglet Lazy Load Vidéos et iframes est l'étape suivante. Avec a3 Lazy Load, vous pouvez sélectionner le chargement différé pour des clips particuliers, tout comme vous le pouvez avec des images.
Le plugin autorise les vidéos dans (1) le contenu et les widgets et fournit (2) une fonctionnalité de secours pour les navigateurs qui ne prennent pas en charge JavaScript :
Vous pouvez spécifier une classe CSS dans les paramètres vidéo (3) pour exclure des vidéos particulières du chargement différé. Si vous souhaitez une configuration plus simple, utilisez la même classe que celle que vous avez choisie dans la section images.
Plus de plugins de chargement paresseux pour WordPress
Outre WP Rocket et a3 Lazy Load, plusieurs plugins utiles pour le chargement différé sont disponibles et vous pouvez les envisager :
- Chargement paresseux pour les vidéos
- BJ Charge Paresseuse
- Charger plus de produits pour WooCommerce
- WordPress Infinite Scroll – Ajax Charger plus
- Charge conditionnelle Disqus
- Chargement paresseux pour les commentaires
Pensées finales
Il est essentiel d’être conscient de tout conflit potentiel chaque fois que vous mettez à jour ou modifiez votre site Web. Consultez cette liste de problèmes fréquents associés au chargement différé si vous découvrez que l'autorisation du chargement différé a rendu inutilisable un aspect de votre site Web.
Il est possible qu'il y ait des incompatibilités du fait que la fonction de chargement différé n'est pas appliquée aux images téléchargées par des plugins tels que Revolution Slider et Envira Gallery. La liste complète des plugins compatibles peut être trouvée ici.
Cet article, ainsi que bien d’autres, peut être consulté sur le blog Seahawk Media .
