Les conseils de Google pour bien implémenter le Lazy loading

GoogleLazy loading ou chargement paresseux pour les images et la vidéo.

Les conseils de Google pour bien implémenter le Lazy loading

Le chargement différé fait référence à la technique du report du chargement du contenu non critique ou non visible.

améliorer la vitesse de chargement de la page

Google a créé un document d\'aide sur le Lazy loading qui explique comment s\'assurer qu\'il peut analyser et indexer le contenu à chargement différé.

Ce document est juste un aperçu de la première version et il y aura éventuellement plus de détails ajoutés ultérieurement.

S\’assurer que Google peut voir le contenu en Lazy loading

Voici les conseils de pour implémenter le Lazy loading :

IntersectionObserverPolyfill.

Cela permettra à Google de voir tout le contenu sur la page.

Recommandations pour le Scroll (défilement) infini

  • Le chargement paginé peut être pris en charge en fournissant un lien unique à chaque section que les utilisateurs peuvent partager et charger directement.

Tester le chargement différé

Puppeteer Script pour tester localement votre mise en œuvre.

Puppeteer est une bibliothèque “node.js” pour le contrôle Headless Chrome (navigateur sans tête, et donc sans interface graphique).

Pour exécuter le script, vous aurez besoin de télécharger node.js.

$ git checkout ://github.com/GoogleChromeLabs/puppeteer-examples

cd puppeteer-examples

npm i

node lazyimages_without_scroll_events.js -h 

Reconnaissons que tout cela est bien trop technique pour le commun des référenceurs , à moins d’être développeurs dans l’âme.

Auteur : Noel NGUESSAN

Je suis Noel Nguessan, fondateur du site Arobasenet.com qui existe depuis 2007 et a aujourd'hui plus de 6.800 articles. Pour ma part, j'ai intégré le monde de l'internet en 1997 en qualité de créateur de site internet, avant de devenir développeur web et multimédia au début de l'année 2000.