{"id":1363815,"date":"2019-07-18T11:52:56","date_gmt":"2019-07-18T09:52:56","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=1363815"},"modified":"2019-07-18T11:52:57","modified_gmt":"2019-07-18T09:52:57","slug":"lazyload","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/","title":{"rendered":"Images pour un site plus rapide : pourquoi utiliser le lazy loading"},"content":{"rendered":"<p>Redimensionner et compresser correctement vos images avant leur t\u00e9l\u00e9chargement est imp\u00e9ratif si vous voulez avoir une page web performante ; mais que se passe-t-il apr\u00e8s le t\u00e9l\u00e9chargement des images ? Existe-t-il un moyen de les optimiser un peu plus et d&rsquo;am\u00e9liorer le temps de chargement des pages ?<\/p><p>La r\u00e9ponse est oui !<\/p><p>Dans cet article, nous allons nous pencher sur le principe du lazy loading, une technique b\u00e9n\u00e9fique qui diff\u00e8re le chargement des ressources non critiques (les images, dans notre cas), en les laissant \u00ab\u00a0hors \u00e9cran\u00a0\u00bb jusqu&rsquo;\u00e0 ce que vous en ayez besoin.<\/p><p>Voyons comment \u00e7a marche !<br><\/p><h2 class=\"wp-block-heading\">Qu&rsquo;est-ce que le lazy loading ?<\/h2><p>L&rsquo;id\u00e9e de base du lazy loading est de charger des images ou des iframes uniquement lorsque les utilisateurs ont besoin de les afficher : ils n&rsquo;auront pas \u00e0 attendre que tous les \u00e9l\u00e9ments de la page soient charg\u00e9s et pourront donc commencer \u00e0 utiliser la page web plus t\u00f4t.&nbsp;<\/p><p>Cela signifie que vos pages n&rsquo;afficheront que des images au-dessus de la ligne de flottaison ; le reste viendra d\u00e8s que l&rsquo;utilisateur fera d\u00e9filer la page.<br><\/p><p>Techniquement parlant, lazy load est un JavaScript qui v\u00e9rifie la vue courante de vos visiteurs et ne charge que les contenus au-dessus de la ligne de flottaison, c&rsquo;est-\u00e0-dire des images (presque) visibles pour les internautes.&nbsp;<\/p><p>Ce script peut \u00eatre appliqu\u00e9 \u00e0 vos images via un plugin ou par programmation, et c&rsquo;est un excellent moyen d&rsquo;optimiser les performances per\u00e7ues et r\u00e9elles.<br><\/p><h3 class=\"wp-block-heading\">Comment une page Web se charge-t-elle habituellement ?<\/h3><p>Chaque fois que vous demandez \u00e0 votre navigateur d&rsquo;ouvrir une URL, c&rsquo;est ce qui se passe :<\/p><ul class=\"wp-block-list\"><li>Le clic sur un lien d\u00e9clenche une demande<\/li><li>La page est t\u00e9l\u00e9charg\u00e9e avec toutes ses ressources (fichiers)<\/li><li>Le navigateur Web construit la page en utilisant les ressources qu&rsquo;elle contient.<\/li><li>La page est maintenant affich\u00e9e (rendue) \u00e0 l&rsquo;utilisateur<\/li><\/ul><p>Concentrons-nous sur la deuxi\u00e8me \u00e9tape du processus : quelles sont les ressources habituellement incluses dans une page ?<\/p><ul class=\"wp-block-list\"><li>HTML (d&rsquo;environ 15 \u00e0 120 Ko de code)<\/li><li>Fichiers JavaScript et CSS (de 5 \u00e0 200 Ko de code)<\/li><li>Images et iframes (\u00e0 partir de 200 KB &#8211; mais si vous avez lu nos tutoriels pr\u00e9c\u00e9dents sur le redimensionnement des images, vos images sont d\u00e9j\u00e0 sous contr\u00f4le, non ?)<\/li><\/ul><p>Comme vous pouvez le voir, les images et les iframes sont g\u00e9n\u00e9ralement les derni\u00e8res ressources \u00e0 \u00eatre t\u00e9l\u00e9charg\u00e9es sur la page, et parfois la partie la plus importante.<\/p><p>Cela signifie que votre page ne sera pas pleinement op\u00e9rationnelle tant que toutes les images n&rsquo;auront pas \u00e9t\u00e9 t\u00e9l\u00e9charg\u00e9es.<br><\/p><h3 class=\"wp-block-heading\">Que se passe-t-il lorsque le lazy loading est appliqu\u00e9 \u00e0 la place ?<\/h3><p>Le lazy loading a \u00e9t\u00e9 cr\u00e9\u00e9 pour surmonter ce comportement, et modifier le processus, permettant aux utilisateurs de faire usage d&rsquo;une page m\u00eame si toutes ses images et iframes n&rsquo;ont pas \u00e9t\u00e9 t\u00e9l\u00e9charg\u00e9es.<br><\/p><p>Lorsqu&rsquo;un script de lazy loading est appliqu\u00e9 \u00e0 vos images, c&rsquo;est ce qui se passe lorsque vous arrivez sur une page :<\/p><ol class=\"wp-block-list\"><li>Vous commencez \u00e0 d\u00e9filer en lisant le contenu de la page<\/li><li>Lorsqu&rsquo;une image est cens\u00e9e appara\u00eetre dans la fen\u00eatre d&rsquo;affichage, une image du caract\u00e8re g\u00e9n\u00e9rique sera visible \u00e0 la place.<\/li><li>L&rsquo;image originale remplacera rapidement l&rsquo;image du caract\u00e8re g\u00e9n\u00e9rique<\/li><\/ol><p>Ainsi, lorsque les images sont charg\u00e9es en lazy loading, elles sont stock\u00e9es dans une page, mais elles sont recouvertes d&rsquo;un emplacement transparent de la m\u00eame taille que l&rsquo;image originale.<\/p><p>Comme nous l&rsquo;avons expliqu\u00e9 dans notre billet de blog Sauvez vos visiteurs de la frustration, vous pouvez consid\u00e9rer le script de lazy loading comme l&rsquo;un de ces vieux albums photo o\u00f9 chaque photo est prot\u00e9g\u00e9e par un voile de papier de soie.<\/p><p>Les images resteront sous le \u00ab\u00a0voile de papier de soie\u00a0\u00bb sous le pli jusqu&rsquo;\u00e0 ce que l&rsquo;utilisateur d\u00e9cide de faire d\u00e9filer la page et de les \u00ab\u00a0d\u00e9voiler\u00a0\u00bb.<br><\/p><h2 class=\"wp-block-heading\">Pourquoi devriez-vous utiliser le lazy loading pour vos images au lieu de les charger toutes en m\u00eame temps ?<\/h2><p>Il y a plusieurs raisons pour lesquelles vous devriez charger vos images \u00e0 l\u2019aide du lazy loading au lieu de les laisser charger toutes \u00e0 la fois.<br><\/p><p>Voyons les plus importants d&rsquo;entre elles :<\/p><h3 class=\"wp-block-heading\">1. Am\u00e9lioration du temps de chargement per\u00e7u et r\u00e9el de vos pages<\/h3><p>Les longues pages riches en images sont plus longues \u00e0 charger : comme nous l&rsquo;avons vu, la quantit\u00e9 de donn\u00e9es d&rsquo;image doit \u00eatre enti\u00e8rement t\u00e9l\u00e9charg\u00e9e avant que la page ne soit utilisable \u00e0 100%. Si nous chargeons nos images en lazy loading \u00e0 la place, le probl\u00e8me sera r\u00e9solu car seuls celles qui sont plac\u00e9es au-dessus de la ligne de flottaison seront charg\u00e9es en premi\u00e8re instance. Il en r\u00e9sultera une r\u00e9duction r\u00e9elle du temps de chargement de la page.<br><\/p><h3 class=\"wp-block-heading\">2. R\u00e9duction du travail pour le navigateur<\/h3><p>Si les images sont charg\u00e9es progressivement, votre navigateur n&rsquo;aura pas besoin d&rsquo;analyser ou de d\u00e9coder les ressources jusqu&rsquo;au moment o\u00f9 elles sont demand\u00e9es en faisant d\u00e9filer la page.<br><\/p><h3 class=\"wp-block-heading\">3. Diminution du nombre de requ\u00eates HTTP lors du chargement de la page<\/h3><p>En cons\u00e9quence directe du point pr\u00e9c\u00e9dent, le nombre de requ\u00eates HTTP sera lui aussi r\u00e9duit.<br><\/p><h3 class=\"wp-block-heading\">4. Moins de donn\u00e9es servies par le serveur ou le CDN<\/h3><p>Sur la m\u00eame ligne des points pr\u00e9c\u00e9dents, le serveur ou le CDN devra t\u00e9l\u00e9charger moins de donn\u00e9es, d&rsquo;o\u00f9 des factures moins ch\u00e8res pour vous !<br><\/p><h3 class=\"wp-block-heading\">5. Economie de donn\u00e9es et de bande passante (en particulier \u00e0 partir du mobile)<\/h3><p>Si la partie la plus importante des donn\u00e9es de vos pages &#8211; g\u00e9n\u00e9ralement sous forme d&rsquo;images &#8211; n&rsquo;est t\u00e9l\u00e9charg\u00e9e qu&rsquo;au moment du d\u00e9filement, les utilisateurs qui visitent votre site \u00e0 partir d&rsquo;appareils mobiles seront tr\u00e8s reconnaissants ! Les images charg\u00e9es en lazy loading sauveront les donn\u00e9es et la bande passante de vos lecteurs.<br><\/p><h3 class=\"wp-block-heading\">Le lazy loading est-il une mauvaise pratique pour le r\u00e9f\u00e9rencement naturel ?<\/h3><p>Vous avez peut-\u00eatre vu passer des opinions disant que le lazy loading pourrait \u00eatre critique pour le r\u00e9f\u00e9rencement parce que Google pourrait exclure les images charg\u00e9es progressivement de l&rsquo;indexation.<\/p><p>Ce n&rsquo;est pas vrai : Google et les moteurs de recherche peuvent traiter des images charg\u00e9es en lazy loading, et nous pouvons dire que cette technique est sans aucun doute une bonne pratique pour le r\u00e9f\u00e9rencement.<br><\/p><p>Google en personne promeut l&rsquo;utilisation du lazy loading dans son guide pour d\u00e9veloppeur :<\/p><blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>As far as performance improvement techniques go, lazy loading is reasonably uncontroversial. If you have a lot of inline imagery in your site, it&rsquo;s a perfectly fine way to cut down on unnecessary downloads. Your site&rsquo;s users and project stakeholders will appreciate it!<\/em><br><\/p><\/blockquote><h2 class=\"wp-block-heading\">Tout ce que vous devez savoir sur l&rsquo;optimisation des images dans WordPress<\/h2><p>Dans cet article, vous avez appris :<\/p><ul class=\"wp-block-list\"><li>Qu&rsquo;est-ce que le lazy loading ?<\/li><li>Comment une page se charge habituellement et ce qui change quand le lazy loading est appliqu\u00e9<\/li><li>Les avantages du lazy loading de vos images au lieu de les charger toutes en m\u00eame temps<\/li><li>Pourquoi vous devriez consid\u00e9rer le lazy loading comme une bonne pratique SEO<\/li><\/ul><p>Maintenant que le lazy loading n&rsquo;a plus de secrets pour vous, il est temps d&rsquo;aller de l&rsquo;avant et d&rsquo;apprendre d&rsquo;autres trucs sur l&rsquo;optimisation des images :<\/p><ul class=\"wp-block-list\"><li>Comment r\u00e9duire la taille du fichier image ?<\/li><li>Comment compresser vos images ?<\/li><li>Compresser une image en ligne<\/li><li>Optimisation d&rsquo;images avec Imagify : qu&rsquo;est-ce que c&rsquo;est et comment l&rsquo;utiliser ?<\/li><\/ul>","protected":false},"excerpt":{"rendered":"<p>Redimensionner et compresser correctement vos images avant leur t\u00e9l\u00e9chargement est imp\u00e9ratif si vous voulez avoir une page web performante ; mais que se passe-t-il apr\u00e8s le t\u00e9l\u00e9chargement des images ? Existe-t-il un moyen de les optimiser un peu plus et d&rsquo;am\u00e9liorer le temps de chargement des pages ? La r\u00e9ponse est oui ! Dans cet [&hellip;]<\/p>\n","protected":false},"author":9832,"featured_media":927543,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[73],"tags":[],"class_list":["post-1363815","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cache-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Chargez vos images avec le lazyload<\/title>\n<meta name=\"description\" content=\"Lazyload et temps de chargement : technique qui diff\u00e8re le chargement des images, en les laissant sous la ligne de flottaison au fur et \u00e0 mesure du scroll\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chargez vos images avec le lazyload\" \/>\n<meta property=\"og:description\" content=\"Lazyload et temps de chargement : technique qui diff\u00e8re le chargement des images, en les laissant sous la ligne de flottaison au fur et \u00e0 mesure du scroll\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Rocket\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-18T09:52:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-18T09:52:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/Lazy-Loading-Your-Images.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"533\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alice Orru\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:site\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alice Orru\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture est.\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/\"},\"author\":{\"name\":\"Alice Orru\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/75d605841adae53badeafbcd017ba417\"},\"headline\":\"Images pour un site plus rapide : pourquoi utiliser le lazy loading\",\"datePublished\":\"2019-07-18T09:52:56+00:00\",\"dateModified\":\"2019-07-18T09:52:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/\"},\"wordCount\":1267,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/Lazy-Loading-Your-Images.jpg\",\"articleSection\":[\"Temps de chargement et cache\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/\",\"url\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/\",\"name\":\"Chargez vos images avec le lazyload\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/Lazy-Loading-Your-Images.jpg\",\"datePublished\":\"2019-07-18T09:52:56+00:00\",\"dateModified\":\"2019-07-18T09:52:57+00:00\",\"description\":\"Lazyload et temps de chargement : technique qui diff\u00e8re le chargement des images, en les laissant sous la ligne de flottaison au fur et \u00e0 mesure du scroll\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/Lazy-Loading-Your-Images.jpg\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/Lazy-Loading-Your-Images.jpg\",\"width\":800,\"height\":533,\"caption\":\"Lazy Loading Your Images\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/wp-rocket.me\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page speed and caching\",\"item\":\"https:\/\/wp-rocket.me\/blog\/wordpress-cache\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Images pour un site plus rapide : pourquoi utiliser le lazy loading\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wp-rocket.me\/#website\",\"url\":\"https:\/\/wp-rocket.me\/\",\"name\":\"WP Rocket\",\"description\":\"Plugin d&#039;optimisation de sites WordPress\",\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wp-rocket.me\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wp-rocket.me\/#organization\",\"name\":\"WP Rocket\",\"url\":\"https:\/\/wp-rocket.me\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"width\":150,\"height\":41,\"caption\":\"WP Rocket\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\",\"https:\/\/x.com\/wp_rocket\",\"https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/75d605841adae53badeafbcd017ba417\",\"name\":\"Alice Orru\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4f4cb17d459b1433fea57ad2286303bd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4f4cb17d459b1433fea57ad2286303bd?s=96&d=mm&r=g\",\"caption\":\"Alice Orru\"},\"description\":\"Alice Orr\u00f9 is a web content writer with strong experience in international customer service and B2B copywriting. She is an active member of the WordPress community: she loves translating WordPress into Italian and speaking at WordCamps.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chargez vos images avec le lazyload","description":"Lazyload et temps de chargement : technique qui diff\u00e8re le chargement des images, en les laissant sous la ligne de flottaison au fur et \u00e0 mesure du scroll","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/","og_locale":"fr_FR","og_type":"article","og_title":"Chargez vos images avec le lazyload","og_description":"Lazyload et temps de chargement : technique qui diff\u00e8re le chargement des images, en les laissant sous la ligne de flottaison au fur et \u00e0 mesure du scroll","og_url":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2019-07-18T09:52:56+00:00","article_modified_time":"2019-07-18T09:52:57+00:00","og_image":[{"width":800,"height":533,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/Lazy-Loading-Your-Images.jpg","type":"image\/jpeg"}],"author":"Alice Orru","twitter_card":"summary_large_image","twitter_creator":"@wp_rocket","twitter_site":"@wp_rocket","twitter_misc":{"\u00c9crit par":"Alice Orru","Dur\u00e9e de lecture est.":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/"},"author":{"name":"Alice Orru","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/75d605841adae53badeafbcd017ba417"},"headline":"Images pour un site plus rapide : pourquoi utiliser le lazy loading","datePublished":"2019-07-18T09:52:56+00:00","dateModified":"2019-07-18T09:52:57+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/"},"wordCount":1267,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/Lazy-Loading-Your-Images.jpg","articleSection":["Temps de chargement et cache"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/","url":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/","name":"Chargez vos images avec le lazyload","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/Lazy-Loading-Your-Images.jpg","datePublished":"2019-07-18T09:52:56+00:00","dateModified":"2019-07-18T09:52:57+00:00","description":"Lazyload et temps de chargement : technique qui diff\u00e8re le chargement des images, en les laissant sous la ligne de flottaison au fur et \u00e0 mesure du scroll","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/Lazy-Loading-Your-Images.jpg","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/Lazy-Loading-Your-Images.jpg","width":800,"height":533,"caption":"Lazy Loading Your Images"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/wp-rocket.me\/fr\/"},{"@type":"ListItem","position":2,"name":"Page speed and caching","item":"https:\/\/wp-rocket.me\/blog\/wordpress-cache\/"},{"@type":"ListItem","position":3,"name":"Images pour un site plus rapide : pourquoi utiliser le lazy loading"}]},{"@type":"WebSite","@id":"https:\/\/wp-rocket.me\/#website","url":"https:\/\/wp-rocket.me\/","name":"WP Rocket","description":"Plugin d&#039;optimisation de sites WordPress","publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp-rocket.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/wp-rocket.me\/#organization","name":"WP Rocket","url":"https:\/\/wp-rocket.me\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","width":150,"height":41,"caption":"WP Rocket"},"image":{"@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","https:\/\/x.com\/wp_rocket","https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q"]},{"@type":"Person","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/75d605841adae53badeafbcd017ba417","name":"Alice Orru","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4f4cb17d459b1433fea57ad2286303bd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4f4cb17d459b1433fea57ad2286303bd?s=96&d=mm&r=g","caption":"Alice Orru"},"description":"Alice Orr\u00f9 is a web content writer with strong experience in international customer service and B2B copywriting. She is an active member of the WordPress community: she loves translating WordPress into Italian and speaking at WordCamps."}]}},"_links":{"self":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/1363815"}],"collection":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/users\/9832"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/comments?post=1363815"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/1363815\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media\/927543"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media?parent=1363815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/categories?post=1363815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/tags?post=1363815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}