{"id":16448,"date":"2019-06-17T10:30:52","date_gmt":"2019-06-17T08:30:52","guid":{"rendered":"https:\/\/www.redacteur.com\/blog\/?p=16448"},"modified":"2019-06-17T10:30:52","modified_gmt":"2019-06-17T08:30:52","slug":"augmenter-vitesse-site-lazy-loading","status":"publish","type":"post","link":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/","title":{"rendered":"Comment booster la vitesse de votre site avec le lazy loading\u2009?"},"content":{"rendered":"

Dans tout projet de site web, les images occupent aujourd’hui une place centrale. Si elles doivent \u00eatre d’une qualit\u00e9 optimale pour refl\u00e9ter le professionnalisme de la marque ou de l’entreprise, elles sont aussi le premier contributeur \u00e0 la taille d’une page et peuvent donc \u00eatre \u00e0 l’origine d’un temps de chargement quelque peu long.<\/p>\n

Aussi, quand on conna\u00eet l’importance du temps de chargement d’une page<\/a> – le taux de rebond augmente de 90 % lorsque ce d\u00e9lai passe de 1 \u00e0 5 secondes – on peut comprendre que certains d\u00e9veloppeurs cherchent des solutions pour booster la vitesse de leur site web.<\/p>\n

Le lazy loading en est assur\u00e9ment une. Pr\u00e9sentation\u2026<\/p>\n

Le lazy loading, c’est quoi\u2009?<\/h2>\n

Pouvant se traduire par “chargement diff\u00e9r\u00e9”, le lazy loading<\/a> est “un ensemble de techniques de d\u00e9veloppement web et d’applications qui reporte le chargement des ressources d’une page \u00e0 un moment ult\u00e9rieur.”<\/p>\n

Plus pr\u00e9cis\u00e9ment, le lazy loading permet de charger certaines ressources seulement lorsqu’elles sont n\u00e9cessaires plut\u00f4t que de les charger en amont. S’il peut s’appliquer \u00e0 n’importe quel type de ressources, il est fr\u00e9quemment utilis\u00e9 pour les images dans le domaine du web.<\/p>\n

Pourquoi avoir recours au lazy loading\u2009?<\/h2>\n

Si un nombre croissant d’entreprises font appel \u00e0 des d\u00e9veloppeurs web pour mettre en pratique le lazy loading<\/a>, c’est parce que ce dernier peut conf\u00e9rer deux avantages majeurs \u00e0 leur site.<\/p>\n

D’abord, en ne faisant charger une image que lorsque l’utilisateur fait d\u00e9filer la page et que l’image devient r\u00e9ellement visible, le site web va se montrer plus performant. La vitesse de chargement des pages sera plus rapide puisque la demande initiale de ressources sera moindre. Cette am\u00e9lioration du temps de chargement pourra impacter votre r\u00e9f\u00e9rencement puisque Google prend en compte ce crit\u00e8re dans son algorithme.<\/p>\n

Ensuite, votre serveur sera moins sollicit\u00e9 puisqu’il n’enverra une ressource que si elle est ex\u00e9cut\u00e9e ou affich\u00e9e \u00e0 l’\u00e9cran de l’internaute. Cela signifie donc qu’il pourra recevoir davantage de requ\u00eates en simultan\u00e9 sans \u00eatre mis en difficult\u00e9.<\/p>\n

\u00c0 lire aussi : Gestion des images dans la pratique du lazy loading<\/a><\/p><\/blockquote>\n

Quelques situations propices au lazy loading<\/h2>\n

S’il est envisageable de mettre en pratique le lazy loading d\u00e8s lors qu’un site web contient des images mettant en p\u00e9ril sa vitesse de chargement, il para\u00eet incontournable dans plusieurs cas :<\/p>\n

Les pages de r\u00e9sultats des sites e-commerce<\/h4>\n

Parce qu’une page de r\u00e9sultats cons\u00e9cutive \u00e0 une recherche sur un site e-commerce inclut souvent une vingtaine de produits avec images – mais seulement 4 \u00e0 8 \u00e0 l’\u00e9cran – il peut \u00eatre pertinent de faire du lazy loading.<\/p>\n

\"Lazy<\/p>\n

En effet, autant gagner du temps de chargement initial et ne charger les images qu’au fur et \u00e0 mesure que l’internaute fera d\u00e9filer les produits.<\/p>\n

Les carrousels d’images<\/h4>\n

Parce qu’ils sont tr\u00e8s esth\u00e9tiques, de nombreux sites web disposent d’un carrousel d’images en page d’accueil. Seulement voil\u00e0, s’il se compose de 5 ou 6 images, toutes vont \u00eatre t\u00e9l\u00e9charg\u00e9es \u00e0 l’ouverture de la page, ce qui peut ralentir votre site.<\/p>\n

Gr\u00e2ce au chargement diff\u00e9r\u00e9, seule la premi\u00e8re image se chargera \u00e0 l’ouverture de la page, les autres se chargeant une \u00e0 une quelques millisecondes avant que l’animation ne les fasse appara\u00eetre.<\/p>\n

Plus g\u00e9n\u00e9ralement, le lazy loading peut s’av\u00e9rer un choix judicieux d\u00e8s lors que des pages incluent un grand nombre d’images situ\u00e9es en dehors du haut de page.<\/p>\n

\u00c0 lire aussi : Strat\u00e9gie de contenu : comment utiliser efficacement les images ?<\/a><\/p><\/blockquote>\n

3 bonnes pratiques en lazy loading<\/h2>\n

Si le lazy loading procure des avantages incontestables, il fait face \u00e0 des d\u00e9tracteurs qui l’accusent de nuire consid\u00e9rablement \u00e0 l’exp\u00e9rience utilisateur. C’est pourquoi il est pertinent de conna\u00eetre quelques bonnes pratiques qui doivent permettre de faire du lazy loading sans affecter la qualit\u00e9 de l’exp\u00e9rience offerte \u00e0 l’internaute :<\/p>\n

1. Une bonne utilisation des espaces r\u00e9serv\u00e9s \u00e0 l’image<\/h4>\n

Lorsque quelques millisecondes ou secondes sont n\u00e9cessaires au chargement des images, l’\u00e9cran affiche des espaces r\u00e9serv\u00e9s \u00e0 ces derni\u00e8res qui sont tous d’une couleur unie. S’il y a beaucoup d’images \u00e0 afficher, la premi\u00e8re impression renvoy\u00e9e par le site n’est pas bonne puisque l’apparence est laide.<\/p>\n

Aussi, pourquoi ne pas tout simplement remplacer cette couleur unie par la couleur dominante de chaque image ou par une version “floue” de la future image\u2009?<\/p>\n

D’un point de vue esth\u00e9tique, ce sera beaucoup mieux et l’exp\u00e9rience de l’internaute ne sera pas ternie.<\/p>\n

2. Une \u00e9limination des espaces r\u00e9serv\u00e9s \u00e0 l’image via la fixation d’un d\u00e9lai<\/h4>\n

Vous souhaitez que vos images ne s’affichent qu’\u00e0 mesure qu’elles apparaissent \u00e0 l’\u00e9cran, mais vous ne souhaitez pas utiliser les espaces r\u00e9serv\u00e9s \u00e0 l’image comme vu pr\u00e9c\u00e9demment. La fixation d’un d\u00e9lai pour le chargement des images est peut-\u00eatre la solution.<\/p>\n

Un d\u00e9veloppeur pourra ins\u00e9rer du code permettant, par exemple, de charger la sixi\u00e8me image quand la quatri\u00e8me appara\u00eet \u00e0 l’\u00e9cran. Ainsi, quand l’internaute consultera votre page, son exp\u00e9rience ne sera pas d\u00e9grad\u00e9e par l’absence, m\u00eame provisoire, d’images.<\/p>\n

3. Le lazy loading oui\u2026 mais avec mod\u00e9ration<\/h4>\n

Rien ne sert d’appliquer le lazy loading \u00e0 toutes vos images. Celles situ\u00e9es en haut de page doivent \u00eatre charg\u00e9es normalement tout comme celles qui se situent juste en dehors de la fen\u00eatre affich\u00e9e lors de l’ouverture de la page.<\/p>\n

De m\u00eame, ne cherchez pas \u00e0 faire du lazy loading sur des pages ayant un maximum de 5 images. Cela ne vous apporterait rien\u2026<\/p>\n

 <\/p>\n

Maintenant que vous en savez davantage sur le chargement diff\u00e9r\u00e9, n’h\u00e9sitez pas \u00e0 le mettre en pratique pour votre projet web s’il vous semble qu’il est en mesure d’acc\u00e9l\u00e9rer le temps de chargement de vos pages.<\/p>\n

Restez toutefois vigilant en ayant recours \u00e0 ces techniques puisqu’elles complexifient le code et ne sont par cons\u00e9quent pas toujours appr\u00e9ci\u00e9es de Google.<\/p>\n

\u00c0 lire aussi : SEO : 8 outils pour tester et analyser la vitesse de votre site<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

Dans tout projet de site web, les images occupent aujourd’hui une place centrale. Si elles doivent \u00eatre d’une qualit\u00e9 optimale pour refl\u00e9ter le professionnalisme de la marque ou de l’entreprise, elles sont aussi le premier contributeur \u00e0 la taille d’une page et peuvent donc \u00eatre \u00e0 l’origine d’un temps de chargement quelque peu long. Aussi, […]<\/p>\n","protected":false},"author":1,"featured_media":16452,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[15],"tags":[],"class_list":["post-16448","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"acf":[],"yoast_head":"\nComment booster la vitesse de votre site avec le lazy loading\u2009? - Redacteur Blog<\/title>\n<meta name=\"description\" content=\"Dans tout projet de site web, les images occupent aujourd'hui une place centrale. Si elles doivent \u00eatre d'une qualit\u00e9 optimale pour refl\u00e9ter le\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment booster la vitesse de votre site avec le lazy loading\u2009? - Redacteur Blog\" \/>\n<meta property=\"og:description\" content=\"Dans tout projet de site web, les images occupent aujourd'hui une place centrale. Si elles doivent \u00eatre d'une qualit\u00e9 optimale pour refl\u00e9ter le\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/\" \/>\n<meta property=\"og:site_name\" content=\"Redacteur.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/redacteurcom\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-17T08:30:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2019\/06\/seo-lazy-loading.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Laura Michaud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Redacteurcom\" \/>\n<meta name=\"twitter:site\" content=\"@Redacteurcom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\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:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/#\\\/schema\\\/person\\\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"Comment booster la vitesse de votre site avec le lazy loading\u2009?\",\"datePublished\":\"2019-06-17T08:30:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/\"},\"wordCount\":1083,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2019\\\/06\\\/seo-lazy-loading.jpg\",\"articleSection\":[\"Strat\u00e9gie SEO\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/\",\"url\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/\",\"name\":\"Comment booster la vitesse de votre site avec le lazy loading\u2009? - Redacteur Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2019\\\/06\\\/seo-lazy-loading.jpg\",\"datePublished\":\"2019-06-17T08:30:52+00:00\",\"description\":\"Dans tout projet de site web, les images occupent aujourd'hui une place centrale. Si elles doivent \u00eatre d'une qualit\u00e9 optimale pour refl\u00e9ter le\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2019\\\/06\\\/seo-lazy-loading.jpg\",\"contentUrl\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2019\\\/06\\\/seo-lazy-loading.jpg\",\"width\":850,\"height\":600,\"caption\":\"SEO lazy loading\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/augmenter-vitesse-site-lazy-loading\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Strat\u00e9gie SEO\",\"item\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/seo\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment booster la vitesse de votre site avec le lazy loading\u2009?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/\",\"name\":\"Redacteur.com\",\"description\":\"redacteur\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/#organization\",\"name\":\"Redacteur.com\",\"url\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2022\\\/10\\\/logo-redacteur-blog.svg\",\"contentUrl\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2022\\\/10\\\/logo-redacteur-blog.svg\",\"width\":1,\"height\":1,\"caption\":\"Redacteur.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/redacteurcom\",\"https:\\\/\\\/x.com\\\/Redacteurcom\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/redacteur-com\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCgj9ySM9xy3gdL8qBafl9Uw\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/#\\\/schema\\\/person\\\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/michaudlaura\\\/\"],\"url\":\"https:\\\/\\\/www.redacteur.com\\\/blog\\\/author\\\/laura\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment booster la vitesse de votre site avec le lazy loading\u2009? - Redacteur Blog","description":"Dans tout projet de site web, les images occupent aujourd'hui une place centrale. Si elles doivent \u00eatre d'une qualit\u00e9 optimale pour refl\u00e9ter le","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:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment booster la vitesse de votre site avec le lazy loading\u2009? - Redacteur Blog","og_description":"Dans tout projet de site web, les images occupent aujourd'hui une place centrale. Si elles doivent \u00eatre d'une qualit\u00e9 optimale pour refl\u00e9ter le","og_url":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/","og_site_name":"Redacteur.com","article_publisher":"https:\/\/www.facebook.com\/redacteurcom","article_published_time":"2019-06-17T08:30:52+00:00","og_image":[{"width":850,"height":600,"url":"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2019\/06\/seo-lazy-loading.jpg","type":"image\/jpeg"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Redacteurcom","twitter_site":"@Redacteurcom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/#article","isPartOf":{"@id":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/www.redacteur.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"Comment booster la vitesse de votre site avec le lazy loading\u2009?","datePublished":"2019-06-17T08:30:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/"},"wordCount":1083,"commentCount":0,"publisher":{"@id":"https:\/\/www.redacteur.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/#primaryimage"},"thumbnailUrl":"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2019\/06\/seo-lazy-loading.jpg","articleSection":["Strat\u00e9gie SEO"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/","url":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/","name":"Comment booster la vitesse de votre site avec le lazy loading\u2009? - Redacteur Blog","isPartOf":{"@id":"https:\/\/www.redacteur.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/#primaryimage"},"image":{"@id":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/#primaryimage"},"thumbnailUrl":"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2019\/06\/seo-lazy-loading.jpg","datePublished":"2019-06-17T08:30:52+00:00","description":"Dans tout projet de site web, les images occupent aujourd'hui une place centrale. Si elles doivent \u00eatre d'une qualit\u00e9 optimale pour refl\u00e9ter le","breadcrumb":{"@id":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/#primaryimage","url":"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2019\/06\/seo-lazy-loading.jpg","contentUrl":"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2019\/06\/seo-lazy-loading.jpg","width":850,"height":600,"caption":"SEO lazy loading"},{"@type":"BreadcrumbList","@id":"https:\/\/www.redacteur.com\/blog\/augmenter-vitesse-site-lazy-loading\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.redacteur.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Strat\u00e9gie SEO","item":"https:\/\/www.redacteur.com\/blog\/seo\/"},{"@type":"ListItem","position":3,"name":"Comment booster la vitesse de votre site avec le lazy loading\u2009?"}]},{"@type":"WebSite","@id":"https:\/\/www.redacteur.com\/blog\/#website","url":"https:\/\/www.redacteur.com\/blog\/","name":"Redacteur.com","description":"redacteur","publisher":{"@id":"https:\/\/www.redacteur.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.redacteur.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.redacteur.com\/blog\/#organization","name":"Redacteur.com","url":"https:\/\/www.redacteur.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.redacteur.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2022\/10\/logo-redacteur-blog.svg","contentUrl":"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2022\/10\/logo-redacteur-blog.svg","width":1,"height":1,"caption":"Redacteur.com"},"image":{"@id":"https:\/\/www.redacteur.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/redacteurcom","https:\/\/x.com\/Redacteurcom","https:\/\/www.linkedin.com\/company\/redacteur-com","https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw\/"]},{"@type":"Person","@id":"https:\/\/www.redacteur.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/www.redacteur.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/www.redacteur.com\/blog\/wp-json\/wp\/v2\/posts\/16448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.redacteur.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.redacteur.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.redacteur.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.redacteur.com\/blog\/wp-json\/wp\/v2\/comments?post=16448"}],"version-history":[{"count":0,"href":"https:\/\/www.redacteur.com\/blog\/wp-json\/wp\/v2\/posts\/16448\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.redacteur.com\/blog\/wp-json\/wp\/v2\/media\/16452"}],"wp:attachment":[{"href":"https:\/\/www.redacteur.com\/blog\/wp-json\/wp\/v2\/media?parent=16448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.redacteur.com\/blog\/wp-json\/wp\/v2\/categories?post=16448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.redacteur.com\/blog\/wp-json\/wp\/v2\/tags?post=16448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}