{"id":5312,"date":"2018-02-09T10:30:58","date_gmt":"2018-02-09T09:30:58","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=5312"},"modified":"2023-02-01T09:05:54","modified_gmt":"2023-02-01T08:05:54","slug":"loader-css","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/loader-css\/","title":{"rendered":"10 loaders CSS \u00e0 utiliser pour faire patienter vos visiteurs"},"content":{"rendered":"<p>La performance d&#8217;un site internet est primordiale sur le web, la rapidit\u00e9 d&#8217;ouverture de vos pages va influencer votre r\u00e9f\u00e9rencement mais aussi votre taux de rebond. Pour \u00e9viter que vos visiteurs se fassent la malle il est donc important de diminuer autant que possible le temps de chargement ET d&#8217;indiquer le chargement \u00e0 l&#8217;aide d&#8217;un loader CSS.<\/p>\n<p>Les loaders au format GIF \u00e9taient tr\u00e8s r\u00e9pandus il y a quelques ann\u00e9es, mais il a \u00e9t\u00e9 remplac\u00e9 par le loader CSS, plus rapide, plus flexible et surtout moins lourd&nbsp;! Mais, et oui il faut bien un &#8220;mais&#8221;, il est plus complexe a cr\u00e9er&#8230; Pas de panique, nous avons fait une s\u00e9lection de 10 loaders CSS disponible sur <a href=\"https:\/\/codepen.io\/\">CodePen.io<\/a>. Encore une fois, il y en a pour tous les go\u00fbts, des loaders circulaires, des carr\u00e9s, des formes plus g\u00e9om\u00e9triques&#8230;<\/p>\n<p><!--more--><\/p>\n<h3>Loader CSS n\u00b01<\/h3>\n<p><img decoding=\"async\" class=\"wp-image-1312 size-full\" style=\"width: 100%; max-width: 200px;\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/ressource-loader-1.gif\" alt=\"\" \/><br \/>\n<a class=\"mks_button mks_button_medium rounded\" style=\"color: #ffffff; border-radius: 3px; width: 100%; max-width: 300px; background-color: #e23a3e;\" href=\"https:\/\/codepen.io\/jczimm\/pen\/vEBpoL\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-share-square-o\"><\/i>Voir le code<\/a><\/p>\n<h3>Loader CSS n\u00b02<\/h3>\n<p><img decoding=\"async\" class=\"wp-image-1312 size-full\" style=\"width: 100%; max-width: 200px;\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/ressource-loader-2.gif\" alt=\"\" \/><br \/>\n<a class=\"mks_button mks_button_medium rounded\" style=\"color: #ffffff; border-radius: 3px; width: 100%; max-width: 300px; background-color: #e23a3e;\" href=\"https:\/\/codepen.io\/RRoberts\/pen\/pEXWEp\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-share-square-o\"><\/i>Voir le code<\/a><\/p>\n<h3>Loader CSS n\u00b03<\/h3>\n<p><img decoding=\"async\" class=\"wp-image-1312 size-full\" style=\"width: 100%; max-width: 200px;\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/ressource-loader-3.gif\" alt=\"\" \/><br \/>\n<a class=\"mks_button mks_button_medium rounded\" style=\"color: #ffffff; border-radius: 3px; width: 100%; max-width: 300px; background-color: #e23a3e;\" href=\"https:\/\/codepen.io\/jonathansilva\/pen\/GhkAI?q=loader&amp;limit=all&amp;type=type-pens\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-share-square-o\"><\/i>Voir le code<\/a><\/p>\n<h3>Loader CSS n\u00b04<\/h3>\n<p><img decoding=\"async\" class=\"wp-image-1312 size-full\" style=\"width: 100%; max-width: 200px;\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/ressource-loader-4.gif\" alt=\"\" \/><br \/>\n<a class=\"mks_button mks_button_medium rounded\" style=\"color: #ffffff; border-radius: 3px; width: 100%; max-width: 300px; background-color: #e23a3e;\" href=\"https:\/\/codepen.io\/zslabs\/pen\/YwygoQ\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-share-square-o\"><\/i>Voir le code<\/a><\/p>\n<h3>Loader CSS n\u00b05<\/h3>\n<p><img decoding=\"async\" class=\"wp-image-1312 size-full\" style=\"width: 100%; max-width: 200px;\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/ressource-loader-5.gif\" alt=\"\" \/><br \/>\n<a class=\"mks_button mks_button_medium rounded\" style=\"color: #ffffff; border-radius: 3px; width: 100%; max-width: 300px; background-color: #e23a3e;\" href=\"https:\/\/codepen.io\/jcoulterdesign\/pen\/bNxeKY\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-share-square-o\"><\/i>Voir le code<\/a><\/p>\n<h3>Loader CSS n\u00b06<\/h3>\n<p><img decoding=\"async\" class=\"wp-image-1312 size-full\" style=\"width: 100%; max-width: 200px;\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/ressource-loader-6.gif\" alt=\"\" \/><br \/>\n<a class=\"mks_button mks_button_medium rounded\" style=\"color: #ffffff; border-radius: 3px; width: 100%; max-width: 300px; background-color: #e23a3e;\" href=\"https:\/\/codepen.io\/BrianSipple\/pen\/vOmzoG\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-share-square-o\"><\/i>Voir le code<\/a><\/p>\n<h3>Loader CSS n\u00b07<\/h3>\n<p><img decoding=\"async\" class=\"wp-image-1312 size-full\" style=\"width: 100%; max-width: 200px;\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/ressource-loader-7.gif\" alt=\"\" \/><br \/>\n<a class=\"mks_button mks_button_medium rounded\" style=\"color: #ffffff; border-radius: 3px; width: 100%; max-width: 300px; background-color: #e23a3e;\" href=\"https:\/\/codepen.io\/magnus16\/pen\/BKoRNw\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-share-square-o\"><\/i>Voir le code<\/a><\/p>\n<h3>Loader CSS n\u00b08<\/h3>\n<p><img decoding=\"async\" class=\"wp-image-1312 size-full\" style=\"width: 100%; max-width: 200px;\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/ressource-loader-8.gif\" alt=\"\" \/><br \/>\n<a class=\"mks_button mks_button_medium rounded\" style=\"color: #ffffff; border-radius: 3px; width: 100%; max-width: 300px; background-color: #e23a3e;\" href=\"https:\/\/codepen.io\/ashmind\/pen\/zqaqpB\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-share-square-o\"><\/i>Voir le code<\/a><\/p>\n<h3>Loader CSS n\u00b09<\/h3>\n<p><img decoding=\"async\" class=\"wp-image-1312 size-full\" style=\"width: 100%; max-width: 200px;\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/ressource-loader-9.gif\" alt=\"\" \/><br \/>\n<a class=\"mks_button mks_button_medium rounded\" style=\"color: #ffffff; border-radius: 3px; width: 100%; max-width: 300px; background-color: #e23a3e;\" href=\"https:\/\/codepen.io\/jeroens\/pen\/GgRqdX\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-share-square-o\"><\/i>Voir le code<\/a><\/p>\n<h3>Loader CSS n\u00b010<\/h3>\n<p><img decoding=\"async\" class=\"wp-image-1312 size-full\" style=\"width: 100%; max-width: 200px;\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/ressource-loader-10.gif\" alt=\"\" \/><br \/>\n<a class=\"mks_button mks_button_medium rounded\" style=\"color: #ffffff; border-radius: 3px; width: 100%; max-width: 300px; background-color: #e23a3e;\" href=\"https:\/\/codepen.io\/FilipVitas\/pen\/aNLgZz?limit=all&amp;page=8&amp;q=loader\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-share-square-o\"><\/i>Voir le code<\/a><\/p>\n<h3>Loader CSS bonus \ud83e\udd2d<\/h3>\n<p><img decoding=\"async\" class=\"wp-image-1312 size-full\" style=\"width: 100%; max-width: 200px;\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/ressource-loader-11.gif\" alt=\"\" \/><br \/>\n<a class=\"mks_button mks_button_medium rounded\" style=\"color: #ffffff; border-radius: 3px; width: 100%; max-width: 300px; background-color: #e23a3e;\" href=\"https:\/\/codepen.io\/pmk\/pen\/GJvqYX?limit=all&amp;page=6&amp;q=loader\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-share-square-o\"><\/i>Voir le code<\/a><\/p>\n<h2>Notre astuce pour faire un loader en CSS<\/h2>\n<p>Vous pouvez vous inspirer de ces loaders CSS pour en cr\u00e9er un aux couleurs de votre site.<\/p>\n<p>Pour un rendu plus personnalis\u00e9, faites appel \u00e0 un <a href=\"https:\/\/graphiste.com\/categories\/webdesign\/users\">webdesigner<\/a> sur Graphiste.com&nbsp;!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La performance d&#8217;un site internet est primordiale sur le web, la rapidit\u00e9 d&#8217;ouverture de vos pages va influencer votre r\u00e9f\u00e9rencement mais aussi votre taux de rebond. Pour \u00e9viter que vos visiteurs se fassent la malle il est donc important de diminuer autant que possible le temps de chargement ET d&#8217;indiquer le chargement \u00e0 l&#8217;aide d&#8217;un [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":5354,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-5312","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>10 loaders CSS \u00e0 utiliser pour faire patienter vos visiteurs - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"La performance d&#039;un site internet est primordiale sur le web, la rapidit\u00e9 d&#039;ouverture de vos pages va influencer votre r\u00e9f\u00e9rencement mais aussi votre taux\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/loader-css\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 loaders CSS \u00e0 utiliser pour faire patienter vos visiteurs - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"La performance d&#039;un site internet est primordiale sur le web, la rapidit\u00e9 d&#039;ouverture de vos pages va influencer votre r\u00e9f\u00e9rencement mais aussi votre taux\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/loader-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-09T09:30:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-01T08:05:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/loader-graphiste-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thomas Lazzaroni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@totolazza\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Lazzaroni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/loader-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/loader-css\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"10 loaders CSS \u00e0 utiliser pour faire patienter vos visiteurs\",\"datePublished\":\"2018-02-09T09:30:58+00:00\",\"dateModified\":\"2023-02-01T08:05:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/loader-css\/\"},\"wordCount\":263,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/loader-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/loader-graphiste-1.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/loader-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/loader-css\/\",\"url\":\"https:\/\/graphiste.com\/blog\/loader-css\/\",\"name\":\"10 loaders CSS \u00e0 utiliser pour faire patienter vos visiteurs - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/loader-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/loader-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/loader-graphiste-1.jpg\",\"datePublished\":\"2018-02-09T09:30:58+00:00\",\"dateModified\":\"2023-02-01T08:05:54+00:00\",\"description\":\"La performance d'un site internet est primordiale sur le web, la rapidit\u00e9 d'ouverture de vos pages va influencer votre r\u00e9f\u00e9rencement mais aussi votre taux\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/loader-css\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/loader-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/loader-css\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/loader-graphiste-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/loader-graphiste-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/loader-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"10 loaders CSS \u00e0 utiliser pour faire patienter vos visiteurs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\",\"name\":\"Thomas Lazzaroni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"caption\":\"Thomas Lazzaroni\"},\"description\":\"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/\",\"https:\/\/x.com\/totolazza\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/thomas\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 loaders CSS \u00e0 utiliser pour faire patienter vos visiteurs - Graphiste Blog","description":"La performance d'un site internet est primordiale sur le web, la rapidit\u00e9 d'ouverture de vos pages va influencer votre r\u00e9f\u00e9rencement mais aussi votre taux","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:\/\/graphiste.com\/blog\/loader-css\/","og_locale":"fr_FR","og_type":"article","og_title":"10 loaders CSS \u00e0 utiliser pour faire patienter vos visiteurs - Graphiste Blog","og_description":"La performance d'un site internet est primordiale sur le web, la rapidit\u00e9 d'ouverture de vos pages va influencer votre r\u00e9f\u00e9rencement mais aussi votre taux","og_url":"https:\/\/graphiste.com\/blog\/loader-css\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2018-02-09T09:30:58+00:00","article_modified_time":"2023-02-01T08:05:54+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/loader-graphiste-1.jpg","type":"image\/jpeg"}],"author":"Thomas Lazzaroni","twitter_card":"summary_large_image","twitter_creator":"@totolazza","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Thomas Lazzaroni","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/loader-css\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/loader-css\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"10 loaders CSS \u00e0 utiliser pour faire patienter vos visiteurs","datePublished":"2018-02-09T09:30:58+00:00","dateModified":"2023-02-01T08:05:54+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/loader-css\/"},"wordCount":263,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/loader-css\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/loader-graphiste-1.jpg","articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/loader-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/loader-css\/","url":"https:\/\/graphiste.com\/blog\/loader-css\/","name":"10 loaders CSS \u00e0 utiliser pour faire patienter vos visiteurs - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/loader-css\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/loader-css\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/loader-graphiste-1.jpg","datePublished":"2018-02-09T09:30:58+00:00","dateModified":"2023-02-01T08:05:54+00:00","description":"La performance d'un site internet est primordiale sur le web, la rapidit\u00e9 d'ouverture de vos pages va influencer votre r\u00e9f\u00e9rencement mais aussi votre taux","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/loader-css\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/loader-css\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/loader-css\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/loader-graphiste-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/loader-graphiste-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/loader-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"10 loaders CSS \u00e0 utiliser pour faire patienter vos visiteurs"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5","name":"Thomas Lazzaroni","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","caption":"Thomas Lazzaroni"},"description":"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.","sameAs":["https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/","https:\/\/x.com\/totolazza"],"url":"https:\/\/graphiste.com\/blog\/author\/thomas\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/5312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=5312"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/5312\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/5354"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=5312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=5312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=5312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}