{"id":243,"date":"2010-03-23T11:34:38","date_gmt":"2010-03-23T09:34:38","guid":{"rendered":"http:\/\/grummfy.be\/blog\/?p=243"},"modified":"2010-03-22T00:34:59","modified_gmt":"2010-03-21T22:34:59","slug":"vitesse-et-referencement","status":"publish","type":"post","link":"https:\/\/grummfy.be\/blog\/243","title":{"rendered":"Vitesse et r\u00e9f\u00e9rencement"},"content":{"rendered":"<p><!-- \t\t@page { margin: 2cm } \t\tP { margin-bottom: 0.21cm } \t\tA:link { so-language: zxx } --><\/p>\n<p>La vitesse d&rsquo;affichage d&rsquo;une page web est actuellement, et ce depuis un certain temps, devenu importante. Surtout en ce qui concerne l&rsquo;optimisation et par cons\u00e9quent le r\u00e9f\u00e9rencement. Afin de gagner ces quelques millisecondes qui feront la diff\u00e9rence, il existe plusieurs m\u00e9thodes et techniques. En voici quelques-unes, avec des exemples.<\/p>\n<h2>Diminuer le nombre de requ\u00eates HTTP<\/h2>\n<p>Chaque requ\u00eate HTTP au sein du fichier prend un certain temps, mais surtout bloque le chargement global de la page web. En effet, HTTP et HTML chargent les ressources au fur et \u00e0 mesure que la page le demande.<\/p>\n<p><!--more--><\/p>\n<p>Restreindre le nombre de fichiers, par exemple, en regroupant les css et javascript est une bonne solution. Une autre possibilit\u00e9 est aussi de charger l&rsquo;essentiel de la page et \u00e0 la fin de celle-ci, ex\u00e9cuter du code javascript qui sera charg\u00e9 de t\u00e9l\u00e9verser du javascript ou encore des css.<\/p>\n<h2>Diminuer le nombre de requ\u00eates DNS<\/h2>\n<p>Que dire, si ce n&rsquo;est l&rsquo;essentiel, une requ\u00eate DNS prend du temps, et le temps est pris sur le chargement de votre page.<\/p>\n<h2>Se rapprocher du visiteur<\/h2>\n<p>La distance entre un serveur et un visiteur peut faire varier \u00e9norm\u00e9ment le temps d&rsquo;affichage. En effet, une information situ\u00e9e sur un serveur a un point X du globe peut parfois faire plusieurs fois le tour de celui-ci avant d&rsquo;arriver chez le visiteur Y. Tout d\u00e9pends des accords entre les gestionnaires des diff\u00e9rents r\u00e9seaux, le chemin le plus \u00e9conomique est celui qui sera choisi<sup class='footnote'><a href='#fn-243-1' id='fnref-243-1' onclick='return fdfootnote_show(243)'>1<\/a><\/sup>!!!!! En r\u00e9sum\u00e9, plus vous \u00eates proches, plus cela arrive vite.<\/p>\n<p>Une solution peut venir de l&rsquo;utilisation de <a title=\"Content Delivery Network\" href=\"http:\/\/fr.wikipedia.org\/wiki\/Content_Delivery_Network\" target=\"_blank\">CDN<\/a> qui suivant la provenance de l&rsquo;IP oriente le visiteur vers le serveur le plus proche.<\/p>\n<h2>Diminuer la quantit\u00e9 de donn\u00e9es envoy\u00e9es<\/h2>\n<p>Cela peut para\u00eetre b\u00eate, mais moins il y a de donn\u00e9es, moins il faut attendre pour recevoir celle-ci. Le but n&rsquo;est pas de supprimer du contenu, mais bien de faire une di\u00e8te, par exemple, en optimisant le code (X)HTML, CSS, javascript, &#8230; Ceci en enlevant les espaces superflus et en compressant les donn\u00e9es envoy\u00e9es. On peut notamment citer <a href=\"http:\/\/javascript.crockford.com\/jsmin.html\" target=\"_blank\">jsmin<\/a> et <a href=\"http:\/\/yuilibrary.com\/downloads\/#yuicompressor\" target=\"_blank\">YUI Compressor<\/a><\/p>\n<p>Mais aussi utiliser le mode deflate et gzip de votre serveur web (Apache par exemple). Ceci fera prochainement l&rsquo;objet d&rsquo;un article.<\/p>\n<h2>Utiliser le cache des navigateurs<\/h2>\n<p>HTTP pr\u00e9vois un m\u00e9canisme de cache, pensez \u00e0 l&rsquo;utiliser. Envoyer une bonne ent\u00eate HTTP sur vos fichiers afin que seul le contenu qui ai chang\u00e9 soit charg\u00e9 par le visiteur qui revient sur votre site.<\/p>\n<p>Parall\u00e8lement \u00e0 cela, si vous utilisez des librairies ou des framework css ou javascript vous pouvez tr\u00e8s bien utiliser un CDN tel que celui que <a href=\"http:\/\/code.google.com\/apis\/ajaxlibs\/documentation\/\" target=\"_blank\">Google met \u00e0 votre disposition<\/a>. Le cache sera le m\u00eame pour tous les sites qui utiliseront ce CDN et donc le gain \u00ab\u00a0risque\u00a0\u00bb d&rsquo;\u00eatre pr\u00e9sent m\u00eame si le visiteur visite votre site pour la premi\u00e8re fois!<\/p>\n<h2>Pour finir<\/h2>\n<p>Et il existe au moins des dizaines d&rsquo;autres techniques, c&rsquo;est dire si le sujet et \u00e9tendu et int\u00e9ressant. Certaines, sont r\u00e9alisable \u00e0 l&rsquo;\u00e9chelle de l&rsquo;individu tandis que d&rsquo;autres n\u00e9cessitent un investissement, parfois cons\u00e9quent.<\/p>\n<p>Le but de cet article \u00e9tait d&rsquo;intriguer et de vous pousser \u00e0 aller plus loin. Un web plus rapide est l&rsquo;affaire de tous et est b\u00e9n\u00e9fique pour tous : le visiteur, le webmaster, le r\u00e9f\u00e9rencement du site, les FAI (qui paierons moins de bande passante), les h\u00e9bergeurs, la plan\u00e8te (ben oui, un web optimiser = un web qui consomme moins!), &#8230;<\/p>\n<div class='footnotes' id='footnotes-243'>\n<div class='footnotedivider'><\/div>\n<ol>\n<li id='fn-243-1'> L&rsquo;\u00e9cologie au niveau d&rsquo;internet ce n&rsquo;est donc pas \u00e7a! Imaginez la consommation de tous ces routeurs et switchs. <span class='footnotereverse'><a href='#fnref-243-1'>&#8617;<\/a><\/span><\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La vitesse d&rsquo;affichage d&rsquo;une page web est actuellement, et ce depuis un certain temps, devenu importante. Surtout en ce qui concerne l&rsquo;optimisation et par cons\u00e9quent le r\u00e9f\u00e9rencement. Afin de gagner ces quelques millisecondes qui feront la diff\u00e9rence, il existe plusieurs m\u00e9thodes et techniques. En voici quelques-unes, avec des exemples. Diminuer le nombre de requ\u00eates HTTP [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"footnotes":""},"categories":[4,88],"tags":[93,95,24,94,28,37,35],"class_list":["post-243","post","type-post","status-publish","format-standard","hentry","category-general","category-reflexion-du-jour","tag-http","tag-optimisation","tag-programmation","tag-referencement","tag-trucs-et-astuces","tag-web","tag-web-semantique"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/posts\/243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/comments?post=243"}],"version-history":[{"count":6,"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/posts\/243\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/posts\/243\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/media?parent=243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/categories?post=243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/tags?post=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}