{"id":1268,"date":"2021-09-28T23:34:48","date_gmt":"2021-09-28T21:34:48","guid":{"rendered":"https:\/\/www.webdesign-inspiration.com\/article\/?p=1268"},"modified":"2021-09-28T23:34:48","modified_gmt":"2021-09-28T21:34:48","slug":"trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages","status":"publish","type":"post","link":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/","title":{"rendered":"Trop lent, c&rsquo;est trop lent ? 7 fa\u00e7ons d&rsquo;am\u00e9liorer la vitesse de chargement des pages"},"content":{"rendered":"<p>Vous pensez qu&rsquo;acc\u00e9l\u00e9rer votre site Web n&rsquo;est pas important ? Grosse erreur.<\/p>\n<p>Attendre une seconde pour le chargement d\u2019une page donne comme r\u00e9sultat :<\/p>\n<ul>\n<li>\u00a0 \u00a0 \u00a0 \u00a0 11% de pages vues en moins<\/li>\n<li>\u00a0 \u00a0 \u00a0 \u00a0 Une baisse de 16 % de la satisfaction client<\/li>\n<li>\u00a0 \u00a0 \u00a0 \u00a0 7% de perte de conversions<\/li>\n<\/ul>\n<p>Si jamais votre site prend quelques secondes suppl\u00e9mentaires \u00e0 charger, cela aura un impact n\u00e9gatif sur votre capacit\u00e9 \u00e0 engager les visiteurs et \u00e0 r\u00e9aliser des ventes. Il n&rsquo;y a surtout pas moyen de contourner cette situation.<\/p>\n<p>Ayez le temps de tester votre site Web pour voir s\u2019il prend trop de temps \u00e0 charger. Et si jamais le r\u00e9sultat du test n&rsquo;est pas si bon, vous devez optimiser votre site Web.<\/p>\n<p>Mais ne paniquez pas, nous allons d\u00e9couvrir ensemble \u00e0 travers cet article, 7 fa\u00e7ons d\u2019am\u00e9liorer la vitesse de chargement des pages de votre site internet.<\/p>\n<h2><strong>Minimisation des demandes<\/strong><\/h2>\n<p>Supposons que le visiteur clique sur l&rsquo;un des menus de votre site Web. Dans ce cas, le navigateur du visiteur demandera \u00e0 votre serveur d&rsquo;afficher le contenu de la page de votre site internet. D\u00e9sormais, chaque page comporte de nombreux \u00e9l\u00e9ments. Il peut s&rsquo;agir de texte, d&rsquo;images, de vid\u00e9os, de liens, de chatbots et de sujets concernant votre activit\u00e9. \u00c9tant donn\u00e9 que tous ces \u00e9l\u00e9ments appellent des requ\u00eates HTTP et de base de donn\u00e9es externes, le temps de chargement de votre page peut \u00eatre affect\u00e9. Ce qui fait, pour minimiser les demandes, vous pouvez d&rsquo;abord supprimer les supports lourds et inutiles et incorporer le chargement paresseux ou autre dit le lazy loading. Vous pouvez \u00e9galement cr\u00e9er un sprite d&rsquo;image CSS pour combiner toutes vos images, permettant \u00e0 votre serveur Web de r\u00e9cup\u00e9rer les fichiers plus rapidement. Plus important encore, assurez-vous de n&rsquo;utiliser que des th\u00e8mes et des plugins de confiance.<\/p>\n<h2><strong>R\u00e9duction de la taille de votre code<\/strong><\/h2>\n<p>Des pages tr\u00e8s lourdes peuvent \u00eatre caus\u00e9es par des CSS, HTML et JavaScript mal cod\u00e9s. La grande taille du fichier provient des espaces, des lignes, des sauts et des commentaires inutiles dans votre code. Ajoutons \u00e0 cela que plus votre serveur a besoin de restituer d&rsquo;informations, plus il faut de temps \u00e0 votre site web pour afficher son contenu.<\/p>\n<p>La r\u00e9duction de la taille de votre code est le processus de compression du fichier \u00e0 la plus petite taille sans compromettre sa fonction.<\/p>\n<h2><strong>Obtention d\u2019un h\u00e9bergement fiable et rapide<\/strong><\/h2>\n<p>Parfois, le ralentissement du chargement de votre site web peut \u00eatre d\u00fb \u00e0 un h\u00e9bergeur assez louche et sans fiabilit\u00e9. Dans ce cas, lorsque le probl\u00e8me vient de votre fournisseur, le probl\u00e8me s\u2019accentuera et votre site prendra encore trop de temps \u00e0 charger, peu importe les efforts que vous essayez de mettre en place pour l&rsquo;am\u00e9liorer parce que le probl\u00e8me se situe principalement au niveau du serveur.<\/p>\n<p>C\u2019est pourquoi, vous devez \u00eatre tr\u00e8s minutieux dans votre choix et opter pour un h\u00e9bergeur de qualit\u00e9 comme l\u2019<a href=\"https:\/\/www.hostinger.fr\/hebergeur-web\">h\u00e9bergement web chez Hostinger<\/a> qui offre une vari\u00e9t\u00e9 de fonctionnalit\u00e9s premium optimis\u00e9es pour de bonnes performances qui rendront vos sites web tr\u00e8s rapides.<\/p>\n<h2><strong>Optimisation de vos images<\/strong><\/h2>\n<p>Les images peuvent repr\u00e9senter une arme \u00e0 double tranchant. Elles peuvent am\u00e9liorer votre UX, comme les non optimis\u00e9es peuvent vous causer un ralentissement du site Web. Alors, essayez d\u2019utiliser une compression avec ou sans perte pour r\u00e9duire la taille de vos images avant de les t\u00e9l\u00e9charger sur votre site internet.<\/p>\n<p>Pour plus de d\u00e9tails, une compression avec perte vous permet d&rsquo;obtenir des images de tr\u00e8s petite taille. Cependant, la compression avec perte supprime certaines donn\u00e9es du fichier d&rsquo;origine, ce qui rend les images compress\u00e9es de mauvaise qualit\u00e9.<\/p>\n<p>La compression sans perte gr\u00e2ce \u00e0 <a href=\"https:\/\/tinypng.com\/\">TinyPNG<\/a> \u00e9ventuellement est recommand\u00e9e dans le cas o\u00f9 vous\u00a0souhaitez mettre des images sur un portfolio et que leurs d\u00e9tails seront la pi\u00e8ce ma\u00eetresse de la page.<\/p>\n<h2><strong>Activation de la mise en cache des pages<\/strong><\/h2>\n<p>Les caches permettent \u00e0 votre site de g\u00e9rer plusieurs demandes \u00e0 la fois et d\u2019enregistrer les informations de votre page statique pour une r\u00e9cup\u00e9ration plus rapide. Si vous n&rsquo;utilisez pas cette fonctionnalit\u00e9, le serveur de votre site Web peut \u00eatre surcharg\u00e9 de demandes. En cons\u00e9quence, il prendra beaucoup plus de temps \u00e0 charger.<\/p>\n<p>Pour surmonter ce ph\u00e9nom\u00e8ne, vous pouvez installer un plugin de mise en cache sur le syst\u00e8me de gestion de contenu (CMS) de votre choix.<\/p>\n<h2><strong>Activation de la compression<\/strong><\/h2>\n<p>L&rsquo;activation de la compression GNU Zip (GZIP) peut \u00e9galement \u00eatre un excellent moyen de r\u00e9duire la taille du fichier de votre site internet. Avec des tailles plus petites, votre serveur peut transf\u00e9rer le fichier du site plus rapidement. Ainsi, les performances de votre site peuvent \u00eatre am\u00e9lior\u00e9es.<\/p>\n<p>N\u2019oubliez pas de d\u00e9couvrir si votre site Web a activ\u00e9 la compression<a href=\"https:\/\/fr.wikipedia.org\/wiki\/Gzip\"> GZIP<\/a> en la v\u00e9rifiant sur un outil de test GZIP. Si jamais votre site n&rsquo;a pas activ\u00e9 la fonctionnalit\u00e9, acc\u00e9dez au panneau de configuration de ce dernier et localisez la section \u00ab Optimiser le site Web \u00bb. Vous pouvez maintenant choisir le menu \u00ab Compresser tous les fichiers \u00bb. Et lorsque le processus est termin\u00e9, votre site est pr\u00eat pour s\u2019ex\u00e9cuter sur la compression GZIP.<\/p>\n<h2><strong>Utilisation d\u2019un r\u00e9seau de diffusion de contenu<\/strong><\/h2>\n<p>Enfin, puisque les emplacements affectent la vitesse de votre site, l&rsquo;int\u00e9gration d&rsquo;un r\u00e9seau de diffusion de contenu (CDN), qui est un ensemble de serveurs g\u00e9ographiquement distribu\u00e9s et qui acc\u00e9l\u00e8rent la diffusion de contenu Web en le rapprochant de l&rsquo;endroit o\u00f9 se trouvent les utilisateurs, est fortement recommand\u00e9e lorsque votre public cible est au niveau mondial.<\/p>\n<p>Amener les temps de chargement de vos pages l\u00e0 o\u00f9 vous le souhaitez n\u2019est pas du tout \u00e9vident, mais ses r\u00e9sultats sur les performances globales de votre site web sont tr\u00e8s significatifs.<\/p>\n<p>Alors, vous n\u2019avez qu\u2019\u00e0 passer un peu de temps \u00e0 parcourir les r\u00e9sultats des tests de vitesse de votre site et rechercher les probl\u00e8mes qui ont le plus d&rsquo;impact sur vos temps de chargement.<\/p>\n<p>Vous avez maintenant presque tout ce qu\u2019il vous faut pour atteindre les objectifs de vitesse de votre site, alors n\u2019h\u00e9sitez pas \u00e0 prendre les mesures n\u00e9cessaires pour y parvenir !<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous pensez qu&rsquo;acc\u00e9l\u00e9rer votre site Web n&rsquo;est pas important ? Grosse erreur. Attendre une seconde pour le chargement d\u2019une page [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1269,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"yasr_overall_rating":0,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","footnotes":""},"categories":[43],"tags":[],"class_list":["post-1268","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Trop lent, c&#039;est trop lent ? 7 fa\u00e7ons d&#039;am\u00e9liorer la vitesse de chargement des pages - Web Design<\/title>\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.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Trop lent, c&#039;est trop lent ? 7 fa\u00e7ons d&#039;am\u00e9liorer la vitesse de chargement des pages - Web Design\" \/>\n<meta property=\"og:description\" content=\"Vous pensez qu&rsquo;acc\u00e9l\u00e9rer votre site Web n&rsquo;est pas important ? Grosse erreur. Attendre une seconde pour le chargement d\u2019une page [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Design\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-28T21:34:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webdesign-inspiration.com\/article\/wp-content\/uploads\/2021\/09\/jkutrj4vk00.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1067\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Trop lent, c'est trop lent ? 7 fa\u00e7ons d'am\u00e9liorer la vitesse de chargement des pages - Web Design","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.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/","og_locale":"fr_FR","og_type":"article","og_title":"Trop lent, c'est trop lent ? 7 fa\u00e7ons d'am\u00e9liorer la vitesse de chargement des pages - Web Design","og_description":"Vous pensez qu&rsquo;acc\u00e9l\u00e9rer votre site Web n&rsquo;est pas important ? Grosse erreur. Attendre une seconde pour le chargement d\u2019une page [&hellip;]","og_url":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/","og_site_name":"Web Design","article_published_time":"2021-09-28T21:34:48+00:00","og_image":[{"width":1600,"height":1067,"url":"https:\/\/www.webdesign-inspiration.com\/article\/wp-content\/uploads\/2021\/09\/jkutrj4vk00.jpg","type":"image\/jpeg"}],"author":"Marc","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Marc","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/#article","isPartOf":{"@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/"},"author":{"name":"Marc","@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/#\/schema\/person\/06988f6849911e4f5542fc7b5fb92d2c"},"headline":"Trop lent, c&rsquo;est trop lent ? 7 fa\u00e7ons d&rsquo;am\u00e9liorer la vitesse de chargement des pages","datePublished":"2021-09-28T21:34:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/"},"wordCount":1100,"commentCount":0,"image":{"@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webdesign-inspiration.com\/article\/wp-content\/uploads\/2021\/09\/jkutrj4vk00.jpg","articleSection":["D\u00e9veloppement web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/","url":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/","name":"Trop lent, c'est trop lent ? 7 fa\u00e7ons d'am\u00e9liorer la vitesse de chargement des pages - Web Design","isPartOf":{"@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/#primaryimage"},"image":{"@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webdesign-inspiration.com\/article\/wp-content\/uploads\/2021\/09\/jkutrj4vk00.jpg","datePublished":"2021-09-28T21:34:48+00:00","author":{"@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/#\/schema\/person\/06988f6849911e4f5542fc7b5fb92d2c"},"breadcrumb":{"@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/#primaryimage","url":"https:\/\/www.webdesign-inspiration.com\/article\/wp-content\/uploads\/2021\/09\/jkutrj4vk00.jpg","contentUrl":"https:\/\/www.webdesign-inspiration.com\/article\/wp-content\/uploads\/2021\/09\/jkutrj4vk00.jpg","width":1600,"height":1067,"caption":"graphs of performance analytics on a laptop screen"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/trop-lent-cest-trop-lent-7-facons-dameliorer-la-vitesse-de-chargement-des-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/"},{"@type":"ListItem","position":2,"name":"Trop lent, c&rsquo;est trop lent ? 7 fa\u00e7ons d&rsquo;am\u00e9liorer la vitesse de chargement des pages"}]},{"@type":"WebSite","@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/#website","url":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/","name":"Web Design","description":"Helping Creative People to Be Inspired Since 2007","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/#\/schema\/person\/06988f6849911e4f5542fc7b5fb92d2c","name":"Marc","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/6576d2bfcfdd7a1312111714d22cf6b0d3fb19a38d2cf8ba7640108f578f298e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6576d2bfcfdd7a1312111714d22cf6b0d3fb19a38d2cf8ba7640108f578f298e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6576d2bfcfdd7a1312111714d22cf6b0d3fb19a38d2cf8ba7640108f578f298e?s=96&d=mm&r=g","caption":"Marc"},"sameAs":["https:\/\/www.webdesign-inspiration.com\/article"],"url":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/author\/faba\/"},false]}},"yasr_visitor_votes":{"stars_attributes":{"read_only":false,"span_bottom":false},"number_of_votes":0,"sum_votes":0},"_links":{"self":[{"href":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/wp-json\/wp\/v2\/posts\/1268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/wp-json\/wp\/v2\/comments?post=1268"}],"version-history":[{"count":1,"href":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/wp-json\/wp\/v2\/posts\/1268\/revisions"}],"predecessor-version":[{"id":1271,"href":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/wp-json\/wp\/v2\/posts\/1268\/revisions\/1271"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/wp-json\/wp\/v2\/media\/1269"}],"wp:attachment":[{"href":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/wp-json\/wp\/v2\/media?parent=1268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/wp-json\/wp\/v2\/categories?post=1268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webdesign-inspiration.com\/article\/fr\/wp-json\/wp\/v2\/tags?post=1268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}