{"id":319947,"date":"2016-04-12T10:00:06","date_gmt":"2016-04-12T09:00:06","guid":{"rendered":"https:\/\/wp-rocket.me\/blog\/?p=765"},"modified":"2019-07-29T09:57:26","modified_gmt":"2019-07-29T07:57:26","slug":"lazyload-preservez-visiteurs-frustration","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/","title":{"rendered":"LazyLoad – pr\u00e9servez vos visiteurs de la frustration !"},"content":{"rendered":"

Nous continuons avec cet article notre s\u00e9rie \u00e0 propos de l’optimisation des performances expliqu\u00e9es dans des termes simples, compr\u00e9hensibles aux non-d\u00e9veloppeurs. Faisant suite au premier article sur le concept de cache, passons maintenant au\u00a0chargement des images<\/strong>\u00a0: vous apprendrez comment les images affectent les performances d’un site et comment vous pouvez acc\u00e9l\u00e9rez leur chargement sur une page web.<\/p>\n

En particulier, je vais parler du\u00a0script de LazyLoad<\/strong>.<\/p>\n

Les images sont une mani\u00e8re importante d’am\u00e9liorer les pages et d’attirer l’attention sur notre message ou notre produit, mais nous devons toujours \u00eatre prudent \u00e0 comment celles-ci sont manipul\u00e9es et charg\u00e9es. Nous ne voulons pas proposer une mauvaise exp\u00e9rience utilisateur\u00a0dans\u00a0le seul int\u00e9r\u00eat de nos images.<\/p>\n

Comment une page web est charg\u00e9e ?<\/h2>\n

En premier lieu, je pense qu’il est n\u00e9cessaire de r\u00e9capituler bri\u00e8vement ce qui se passe \u00e0 chaque fois que nous affichons une page web.<\/p>\n

Quand nous demandons une URL au navigateur, nous devons en g\u00e9n\u00e9ral attendre le chargement des \u00e9l\u00e9ments suivants :<\/p>\n

    \n
  1. le code HTML (de 15 \u00e0 120 Ko)<\/li>\n
  2. les fichiers JavaScript et CSS (de 5 \u00e0 200 Ko de code)<\/li>\n
  3. les images et iframe (de 200 Ko \u00e0 beaucoup de Mo [parfois beaucoup trop\u00a0!])<\/li>\n<\/ol>\n

    Je pense que vous\u00a0connaissez tr\u00e8s bien le sentiment de frustration grandissant quand vous avez \u00e0 attendre trop longtemps l’affichage d’une page web : la derni\u00e8re chose que vous souhaitez est que vos utilisateurs exp\u00e9rimentent le m\u00eame sentiment et finissent par abandonner leur visite sur votre site.<\/p>\n

    En mettant de c\u00f4t\u00e9 la technique, il est toujours important de se rappeler des 2 caract\u00e9ristiques principales que nous avons tendances \u00e0 montrer quand nous visitons un site :<\/p>\n

      \n
    1. nous sommes impatients<\/li>\n
    2. nous ne percevrons quasiment jamais la vitesse r\u00e9elle de chargement de la page que nous visitons<\/li>\n<\/ol>\n

      Comme cet article n’est pas l’endroit pour discuter de comment Internet \u00e9branle nos capacit\u00e9s de concentration et notre patience (quelqu’un d’autre l’a d\u00e9j\u00e0 fait<\/a>), allons directement au point b.<\/p>\n

      Dans le cas de la performance web,\u00a0la perception est tr\u00e8s importante<\/a>\u00a0: la plupart du temps, la vitesse r\u00e9elle de chargement d’une page n’est presque jamais la m\u00eame que celle per\u00e7ue par l’utilisateur.<\/p>\n

      Qu’est-ce que le LazyLoad ?<\/h2>\n

      Le LazyLoad est un script qui reporte le chargement des images sur une page jusqu’\u00e0 ce que vous la fassiez d\u00e9filer.<\/p>\n

      L’id\u00e9e de base \u00e9tant de charger les images ou les iframe\u00a0uniquement quand les utilisateurs ont besoin de les afficher<\/strong>. De cette fa\u00e7on, ils n’auront pas \u00e0 attendre que tous les \u00e9l\u00e9ments de la page soient charg\u00e9s, et pourront donc utiliser la page web plus rapidement. L’utilisateur ne verra que les images\u00a0au dessus de la ligne de flottaison<\/em>. Le reste sera charg\u00e9 au fur et \u00e0 mesure du d\u00e9filement.<\/p>\n

      En ce qui concerne la performance, cette fonctionnalit\u00e9 r\u00e9duira le nombre de\u00a0requ\u00eates HTTP<\/strong>\u00a0durant le premi\u00e8re chargement de la page pour l’utilisateur.<\/p>\n

      Comment cela fonctionne ?<\/h2>\n

      Le LazyLoad stocke toutes les images et iframes de la page, et les remplace par une image transparente temporaire aux m\u00eame dimensions que l’originale.<\/p>\n

      Vous rappelez-vous de ces vieux albums photo o\u00f9 chaque image sur la page \u00e9tait prot\u00e9g\u00e9e par un voile de tissu papier ? Le LazyLoad \u00ab\u00a0masque\u00a0\u00bb les images et iframes de la m\u00eame fa\u00e7on : chaque fois qu’un utilisateur fait d\u00e9filer la page, faisant une requ\u00eate pour les images sous la ligne de flottaison, le script supprime le \u00ab\u00a0voile\u00a0\u00bb et affiche la vraie image.<\/p>\n

      L’utilisateur ne sera pas g\u00ean\u00e9 par cette astuce de cache-cache, mais certaines version de LazyLoad ajoute un effet de\u00a0fondu entrant<\/em>\u00a0quand les images deviennent visibles sur la page.<\/p>\n

      Le LazyLoad\u00a0en action<\/h2>\n

      Si vous voulez voir le LazyLoad en action, choisissez une page contenant beaucoup d’images et o\u00f9 le script est activ\u00e9 (WP Rocket a une option pour le LazyLoad, ou il existe \u00e9galement des extensions LazyLoad pour WordPress que vous utilisez. Si vous \u00eates un d\u00e9veloppeur, vous pouvez aussi int\u00e9grer le script par vous-m\u00eame).<\/p>\n

      Maintenant ouvrez la console de votre navigateur pour inspecter l’activit\u00e9 de la page (clic-droit sur une page et choisir \u00ab\u00a0inspecter\u00a0\u00bb). Voici une comparaison simple de la m\u00eame page charg\u00e9e avec et sans LazyLoad :<\/p>\n

      Sans LazyLoad<\/strong>, toutes les images de la page sont charg\u00e9es en m\u00eame temps. Une fois que la page est charg\u00e9e, tous les \u00e9l\u00e9ments – images incluses – sont l\u00e0 :<\/p>\n

       <\/p>\n

      \"Without<\/a><\/p>\n

      Observez maintenant la diff\u00e9rence\u00a0avec le\u00a0LazyLoad actif<\/strong>\u00a0:<\/p>\n

      \"LazyLoad<\/a><\/p>\n

      Vous pouvez facilement constater que les\u00a0noms des images apparaissent en bas de la liste dans la console d\u00e8s que l’on fait d\u00e9filer la page.<\/strong><\/p>\n

      Essayez\u00a0d’imaginer tout le processus comme un diner \u00e0 un bon restaurant<\/strong>, o\u00f9 vous serez servi par un serveur exp\u00e9riment\u00e9 et que le menu contient beaucoup de sp\u00e9cialit\u00e9. Le restaurant est notre page web, les sp\u00e9cialit\u00e9s sur le menu sont nos images et le serveur est notre script de LazyLoad.<\/p>\n

      Toute la nourriture que vous pouvez commander est list\u00e9e sur le menu; vous devez le regarder confirmer votre commande au serveur qui la note sur son calepin (c’est \u00e0 dire, le script stocke l’URL des images et met en place les images transparentes). Personne n’aime attendre trop longtemps que la nourriture arrive au restaurant, et le serveur le sait tr\u00e8s bien. C’est pourquoi, entre chaque plat, le serveur apporte du vin ou des\u00a0ap\u00e9ritifs. Une partie de son travail est de\u00a0r\u00e9duire la sensation d’attente de votre nourriture et de vous offrir une exp\u00e9rience agr\u00e9able<\/strong>\u00a0(c’est \u00e0 dire, vous voyez les imagez au dessus de la ligne de flottaison et continuez \u00e0 faire d\u00e9filer la page).<\/p>\n

      Imaginez la d\u00e9ception que \u00e7a serait d’attendre longtemps pour votre nourriture et de tout recevoir d’un coup ! Pendant l’attente vous devenez nerveux et \u00e0 la fin votre nourriture sera froide. C’est beaucoup plus agr\u00e9able de manger chaque plat quand vous \u00eates pr\u00eats,\u00a0sans avoir \u00e0 les attendre trop longtemps<\/strong>.<\/p>\n

      En utilisant\u00a0le LazyLoad, la performance de votre site sera certainement am\u00e9lior\u00e9e simplement par le fait qu’il affichera les images au moment o\u00f9 vous en avez besoin.<\/p>\n

      Le Lazyload vous permet de conserver vos belles images, sans frustrer vos visiteurs pendant qu’ils les attendent.<\/p>\n

      Comment g\u00e9rez vous habituellement vos images ? Avez-vous d\u00e9j\u00e0 essay\u00e9 un script de LazyLoad ? Partagez votre opinion dans les commentaires !<\/p>\n

      PS : Rappelez vous qu’en g\u00e9n\u00e9ral, avec ou sans LazyLoad, vous voudrez toujours\u00a0optimiser vos images le plus possible<\/strong>\u00a0(par exemple en utilisant notre outil de compression,\u00a0Imagify<\/a>). Vous pouvez aussi lire notre article sur l’optimisation des images<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Nous continuons avec cet article notre s\u00e9rie \u00e0 propos de l’optimisation des performances expliqu\u00e9es dans des termes simples, compr\u00e9hensibles aux non-d\u00e9veloppeurs. Faisant suite au premier article sur le concept de cache, passons maintenant au\u00a0chargement des images\u00a0: vous apprendrez comment les images affectent les performances d’un site et comment vous pouvez acc\u00e9l\u00e9rez leur chargement sur une […]<\/p>\n","protected":false},"author":15,"featured_media":678,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[73],"tags":[],"class_list":["post-319947","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cache-wordpress"],"acf":[],"yoast_head":"\nLazyLoad - pr\u00e9servez vos visiteurs de la frustration !<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez qu'est-ce que le LazyLoad des images et comment celui-ci am\u00e9liore les performances et la vitesse de chargement de votre site internet\" \/>\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-preservez-visiteurs-frustration\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"LazyLoad - pr\u00e9servez vos visiteurs de la frustration !\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez qu'est-ce que le LazyLoad des images et comment celui-ci am\u00e9liore les performances et la vitesse de chargement de votre site internet\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/\" \/>\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=\"2016-04-12T09:00:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-29T07:57:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2\/photo-album-lazyload-res.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"796\" \/>\n\t<meta property=\"og:image:height\" content=\"298\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R\u00e9my\" \/>\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=\"R\u00e9my\" \/>\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-preservez-visiteurs-frustration\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/\"},\"author\":{\"name\":\"R\u00e9my\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/8ddb8d51719e999a876b7929bf594c81\"},\"headline\":\"LazyLoad – pr\u00e9servez vos visiteurs de la frustration !\",\"datePublished\":\"2016-04-12T09:00:06+00:00\",\"dateModified\":\"2019-07-29T07:57:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/\"},\"wordCount\":1122,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2\/photo-album-lazyload-res.jpg\",\"articleSection\":[\"Temps de chargement et cache\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/\",\"url\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/\",\"name\":\"LazyLoad - pr\u00e9servez vos visiteurs de la frustration !\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2\/photo-album-lazyload-res.jpg\",\"datePublished\":\"2016-04-12T09:00:06+00:00\",\"dateModified\":\"2019-07-29T07:57:26+00:00\",\"description\":\"D\u00e9couvrez qu'est-ce que le LazyLoad des images et comment celui-ci am\u00e9liore les performances et la vitesse de chargement de votre site internet\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2\/photo-album-lazyload-res.jpg\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2\/photo-album-lazyload-res.jpg\",\"width\":796,\"height\":298,\"caption\":\"photo-album-lazyload\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/wp-rocket.me\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temps de chargement et cache\",\"item\":\"https:\/\/wp-rocket.me\/fr\/blog\/cache-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"LazyLoad – pr\u00e9servez vos visiteurs de la frustration !\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wp-rocket.me\/#website\",\"url\":\"https:\/\/wp-rocket.me\/\",\"name\":\"WP Rocket\",\"description\":\"Plugin d'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\/8ddb8d51719e999a876b7929bf594c81\",\"name\":\"R\u00e9my\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9213111fcec59479a145ffaab9734f8304b9e114592fa2e94385d669e00471e0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9213111fcec59479a145ffaab9734f8304b9e114592fa2e94385d669e00471e0?s=96&d=mm&r=g\",\"caption\":\"R\u00e9my\"},\"description\":\"R\u00e9my est d\u00e9veloppeur WordPress depuis plus de 6 ans, et s'est investi dans la communaut\u00e9 en proposant des extensions sur le r\u00e9pertoire officiel ainsi qu'en animant des conf\u00e9rences lors du WPTech et de diff\u00e9rents WordCamp en France et au Canada.\",\"url\":\"https:\/\/wp-rocket.me\/fr\/blog\/author\/peronaremy\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"LazyLoad - pr\u00e9servez vos visiteurs de la frustration !","description":"D\u00e9couvrez qu'est-ce que le LazyLoad des images et comment celui-ci am\u00e9liore les performances et la vitesse de chargement de votre site internet","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-preservez-visiteurs-frustration\/","og_locale":"fr_FR","og_type":"article","og_title":"LazyLoad - pr\u00e9servez vos visiteurs de la frustration !","og_description":"D\u00e9couvrez qu'est-ce que le LazyLoad des images et comment celui-ci am\u00e9liore les performances et la vitesse de chargement de votre site internet","og_url":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2016-04-12T09:00:06+00:00","article_modified_time":"2019-07-29T07:57:26+00:00","og_image":[{"width":796,"height":298,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2\/photo-album-lazyload-res.jpg","type":"image\/jpeg"}],"author":"R\u00e9my","twitter_card":"summary_large_image","twitter_creator":"@wp_rocket","twitter_site":"@wp_rocket","twitter_misc":{"\u00c9crit par":"R\u00e9my","Dur\u00e9e de lecture est.":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/"},"author":{"name":"R\u00e9my","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/8ddb8d51719e999a876b7929bf594c81"},"headline":"LazyLoad – pr\u00e9servez vos visiteurs de la frustration !","datePublished":"2016-04-12T09:00:06+00:00","dateModified":"2019-07-29T07:57:26+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/"},"wordCount":1122,"commentCount":0,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2\/photo-album-lazyload-res.jpg","articleSection":["Temps de chargement et cache"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/","url":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/","name":"LazyLoad - pr\u00e9servez vos visiteurs de la frustration !","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2\/photo-album-lazyload-res.jpg","datePublished":"2016-04-12T09:00:06+00:00","dateModified":"2019-07-29T07:57:26+00:00","description":"D\u00e9couvrez qu'est-ce que le LazyLoad des images et comment celui-ci am\u00e9liore les performances et la vitesse de chargement de votre site internet","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2\/photo-album-lazyload-res.jpg","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2\/photo-album-lazyload-res.jpg","width":796,"height":298,"caption":"photo-album-lazyload"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/fr\/blog\/lazyload-preservez-visiteurs-frustration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/wp-rocket.me\/fr\/"},{"@type":"ListItem","position":2,"name":"Temps de chargement et cache","item":"https:\/\/wp-rocket.me\/fr\/blog\/cache-wordpress\/"},{"@type":"ListItem","position":3,"name":"LazyLoad – pr\u00e9servez vos visiteurs de la frustration !"}]},{"@type":"WebSite","@id":"https:\/\/wp-rocket.me\/#website","url":"https:\/\/wp-rocket.me\/","name":"WP Rocket","description":"Plugin d'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\/8ddb8d51719e999a876b7929bf594c81","name":"R\u00e9my","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9213111fcec59479a145ffaab9734f8304b9e114592fa2e94385d669e00471e0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9213111fcec59479a145ffaab9734f8304b9e114592fa2e94385d669e00471e0?s=96&d=mm&r=g","caption":"R\u00e9my"},"description":"R\u00e9my est d\u00e9veloppeur WordPress depuis plus de 6 ans, et s'est investi dans la communaut\u00e9 en proposant des extensions sur le r\u00e9pertoire officiel ainsi qu'en animant des conf\u00e9rences lors du WPTech et de diff\u00e9rents WordCamp en France et au Canada.","url":"https:\/\/wp-rocket.me\/fr\/blog\/author\/peronaremy\/"}]}},"_links":{"self":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/319947","targetHints":{"allow":["GET"]}}],"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\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/comments?post=319947"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/319947\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media\/678"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media?parent=319947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/categories?post=319947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/tags?post=319947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}