Comment ajouter facilement le chargement paresseux pour les vidéos dans WordPress

Les vidéos sont très utiles pour améliorer la participation des utilisateurs sur votre site Web. Cependant, l'inconvénient de l'intégration de vidéos est que cela ralentit votre site Web. Dans cet article, nous allons vous montrer comment ajouter du chargement paresseux pour les vidéos dans WordPress et améliorer la vitesse de votre page..

Comment fonctionne le chargement paresseux pour les vidéos?

Vous vous demandez ce qu'est exactement le chargement paresseux et comment ça marche?

Lorsque vous incorporez une vidéo sur votre site, vous ajoutez des scripts et des fichiers externes supplémentaires à charger. Comme il y a plus à charger, votre site Web se charge plus lentement.

Le chargement différé de vidéos remplace les vidéos YouTube et Vimeo incorporées par une image de prévisualisation cliquable. Lorsque vos visiteurs cliquent sur l'image, celle-ci se charge et lit la vidéo.

Les images étant beaucoup plus petites que les vidéos, la technique de chargement paresseux améliore considérablement la vitesse de lecture des pages..

Maintenant que vous connaissez les avantages, voyons comment charger paresseux des vidéos YouTube et Vimeo dans WordPress..

Didacticiel vidéo

Si vous n'aimez pas la vidéo ou si vous avez besoin de plus d'instructions, continuez à lire..

Comment ajouter le chargement paresseux pour les vidéos dans WordPress

La première chose à faire est d’installer et d’activer le plugin Lazy Load for Videos..

Ce plugin fonctionne immédiatement et vous n'avez pas besoin de modifier les scripts de chargement paresseux ni aucun code pour le reste..

Pour voir que votre chargement paresseux fonctionne, il vous suffit d'afficher un message ou une page contenant une vidéo YouTube ou Vimeo. Vous remarquerez que les lecteurs par défaut sont remplacés par une vignette vidéo et un bouton de lecture..

Lorsque vous cliquez sur l'image, il charge la vidéo et la lit.

Il se peut que le chargement de la vidéo prenne une légère seconde (négligeable); ne croyez donc pas que le chargement paresseux ne fonctionne pas..

Même si ce plug-in fonctionne immédiatement, il y a toujours des paramètres que vous pouvez configurer en fonction de vos besoins.

Sur l'écran d'édition de publication, vous pouvez choisir la qualité de la miniature pour les vidéos intégrées dans YouTube..

Outre la qualité des miniatures, d’autres options de personnalisation sont disponibles si vous passez à Paramètres »Chargement paresseux pour vidéos.

Dans l'onglet Paramètres généraux, vous pouvez personnaliser l'apparence des vignettes vidéo. Vous pouvez activer le mode responsive, choisir le style du bouton de lecture, utiliser un CSS personnalisé et même activer le balisage schema.org..

Ce plugin prend en charge YouTube et Vimeo. Vous pouvez trouver les paramètres spécifiques au fournisseur en cliquant sur les onglets respectifs..

Sur l'onglet YouTube, vous pouvez choisir les couleurs, la qualité des miniatures, désactiver les vidéos et annotations associées, etc. Vous pouvez même désactiver le chargement différé pour les vidéos YouTube..

De même, dans l'onglet Paramètres Vimeo, vous pouvez choisir les couleurs de contrôle, masquer ou afficher le titre de la vidéo et désactiver le chargement différé pour les vidéos Vimeo..

C'est tout. Nous espérons que cet article vous a aidé à ajouter une charge paresseuse pour les vidéos dans WordPress..

Pour augmenter encore la vitesse de votre site Web, vous devrez installer une solution WordPress CDN avec le plugin W3 Total Cache..

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Google+.