{"id":697,"date":"2010-09-01T14:51:37","date_gmt":"2010-09-01T13:51:37","guid":{"rendered":"http:\/\/blog.guiguiabloc.fr\/?p=697"},"modified":"2011-03-28T14:08:26","modified_gmt":"2011-03-28T13:08:26","slug":"qui-cest-qua-la-plus-grosse","status":"publish","type":"post","link":"http:\/\/blog.guiguiabloc.fr\/index.php\/2010\/09\/01\/qui-cest-qua-la-plus-grosse\/","title":{"rendered":"Qui c&rsquo;est qu&rsquo;a la plus grosse ?&#8230;"},"content":{"rendered":"<p>Ah ah ah, ce titre racoleur \ud83d\ude00<\/p>\n<p>Non, rassurez-vous, dans ce billet je vous parlerai plut\u00f4t d&rsquo;optimisation de site Web et non de ce \u00e0 quoi vous pensez petit canaillou.<\/p>\n<p>R\u00e9cemment, je suis tomb\u00e9 sur un outil online permettant de r\u00e9aliser un benchmark de votre site web.<\/p>\n<p>Le site <a title=\"gtmetrix\" href=\"http:\/\/gtmetrix.com\/\" target=\"_blank\">http:\/\/gtmetrix.com\/<\/a> vous propose donc d&rsquo;\u00e9valuer votre site gr\u00e2ce \u00e0 des outils bien connus des d\u00e9veloppeurs : Yslow et PageSpeed.<\/p>\n<p>Je n&rsquo;ai jamais fait tr\u00e8s attention au code de mon blog (bah oui, je ne suis pas du tout d\u00e9veloppeur \ud83d\ude42 ), mais cet outil propos\u00e9 par <a title=\"http:\/\/www.gossamer-threads.com\/\" href=\"http:\/\/www.gossamer-threads.com\/\" target=\"_blank\">Gossamer<\/a> (rien a voir avec les pr\u00e9servatifs hein&#8230; (ok, elle est tr\u00e8s capilotract\u00e9e cette blague :-p ) ) est assez int\u00e9ressant pour plusieurs choses.<br \/>\nTout d&rsquo;abord conna\u00eetre les \u00ab\u00a0faiblesses\u00a0\u00bb de votre site web, en apprendre un peu plus sur les choses \u00e0 optimiser pour qu&rsquo;il soit un tantinet plus rapide (surtout \u00e0 forte charge) et bien s\u00fbr, am\u00e9liorer son r\u00e9f\u00e9rencement. Car Google r\u00e9f\u00e9rencera plus facilement et devant les autres un site web dont le \u00ab\u00a0Page Speed\u00a0\u00bb est important.<\/p>\n<p>Il y a plusieurs mois, je vous avez d\u00e9j\u00e0 parler de l&rsquo;<a title=\"http:\/\/blog.guiguiabloc.fr\/index.php\/2009\/04\/29\/passage-du-blog-sous-memcached-et-eaccelerator\/\" href=\"http:\/\/blog.guiguiabloc.fr\/index.php\/2009\/04\/29\/passage-du-blog-sous-memcached-et-eaccelerator\/\" target=\"_blank\">optmisation de mon blog via eAccelerator et Memcached<\/a> dont les r\u00e9sultats comblaient toutes mes attentes.<br \/>\nSerein, je me suis donc empress\u00e9 de \u00ab\u00a0benchmarker\u00a0\u00bb mon blog et oh surprise, c&rsquo;\u00e9tait plut\u00f4t pas terrible du tout (yslow C et Page speed D).<\/p>\n<p>En fait, a y regarder de plus pr\u00e8s, et en passant d&rsquo;autres blogs\/sites \u00e0  la moulinette, c&rsquo;est un peu un cas g\u00e9n\u00e9ral&#8230;<\/p>\n<p>Ni une, ni deux, me sentant grandement motiv\u00e9 par ce challenge (oui gros challenge pour moi quand il s&rsquo;agit de plonger dans du code php \ud83d\ude42 ) je me suis attel\u00e9 \u00e0 suivre les conseils de Gtmetrix (via les liens Yahoo et Google).<\/p>\n<p>Rien de bien difficile, et les r\u00e9sultats apr\u00e8s quelques heures de travail sont surprenant.<\/p>\n<p><a href=\"http:\/\/blog.guiguiabloc.fr\/wp-content\/2010\/08\/benchblog1.png\"><img loading=\"lazy\" class=\"aligncenter size-medium wp-image-780\" title=\"benchblog1\" src=\"http:\/\/1.cdn.guiguiabloc.fr\/wp-content\/2010\/08\/benchblog1-300x225.png\" alt=\"\" width=\"300\" height=\"225\" srcset=\"http:\/\/blog.guiguiabloc.fr\/wp-content\/2010\/08\/benchblog1-300x225.png 300w, http:\/\/blog.guiguiabloc.fr\/wp-content\/2010\/08\/benchblog1.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>D&rsquo;ailleurs on se rend compte de pas mal d&rsquo;erreur de conception dans WordPress et l&rsquo;une des difficult\u00e9s rencontr\u00e9e \u00e9tait de positionner les codes javascript en pied de page.<\/p>\n<p>Heureusement, Lyza Gardner nous a \u00e9crit un excellent tuto pour r\u00e9soudre ce probl\u00e8me :<\/p>\n<p><a title=\"http:\/\/www.cloudfour.com\/getting-all-javascript-into-the-footer-in-wordpress-not-so-fast-buster\/\" href=\"http:\/\/www.cloudfour.com\/getting-all-javascript-into-the-footer-in-wordpress-not-so-fast-buster\/\" target=\"_blank\">http:\/\/www.cloudfour.com\/getting-all-javascript-into-the-footer-in-wordpress-not-so-fast-buster\/<\/a><\/p>\n<p>Tout cela c&rsquo;est super, bien sympa, et puis on se dit, pourquoi pas plus ?&#8230;<\/p>\n<p>Professionnellement, nous utilisons des <a title=\"CDN\" href=\"http:\/\/www.cloudfour.com\/getting-all-javascript-into-the-footer-in-wordpress-not-so-fast-buster\/\" target=\"_blank\">CDN<\/a>, des Content Delivery Network, dont le leader est <a title=\"Akamai\" href=\"http:\/\/www.akamai.fr\/enfr\/\" target=\"_blank\">Akama\u00ef<\/a>.<\/p>\n<p>Il y a bien sur Amazon ou d&rsquo;autres qui proposent ce genre de service, mais j&rsquo;ai un gros faible pour Akama\u00ef pour plusieurs raisons personnelles.<\/p>\n<p>D&rsquo;abord j&rsquo;ai travaill\u00e9 avec Akama\u00ef lors de leur arriv\u00e9e sur le march\u00e9 fran\u00e7ais \u00e0 la fin des ann\u00e9es 90 (oui oui, j&rsquo;ai eu une formation d&rsquo; int\u00e9grateur Akama\u00ef :-p) et j&rsquo;y ai cotoy\u00e9 des gens formidables et tr\u00e8s enrichissants professionnellement, qui plus est avec une techno r\u00e9volutionnaire a cette \u00e9poque (les membres de l&rsquo;\u00e9quipe de cette \u00e9poque se rappeleront sans doute avec nostalgie le fameux coup de g\u00e9nie M6 Loft Story \ud83d\ude09 )<\/p>\n<p>J&rsquo;y ai perdu \u00e9galement une personne que j&rsquo;aimais beaucoup, <a title=\"http:\/\/fr.wikipedia.org\/wiki\/Daniel_M._Lewin\" href=\"http:\/\/fr.wikipedia.org\/wiki\/Daniel_M._Lewin\" target=\"_blank\">Daniel Lewin<\/a>, un homme extr\u00e9mement enrichissant que j&rsquo;appr\u00e9ciais \u00e9norm\u00e9ment et qui a eu le malheur de se trouver au mauvais endroit le 11 septembre 2001.<\/p>\n<p>Bref, j&rsquo;ai toujours \u00e9tait tr\u00e8s attach\u00e9 a cette entreprise (d&rsquo;ailleurs mon premier site Web \u00e9tait gracieusement \u00ab\u00a0akama\u00efs\u00e9\u00a0\u00bb \ud83d\ude00 ), mais cela reste une offre professionnelle et pour un particulier disposant d&rsquo;un simple blog, c&rsquo;est un peu \u00ab\u00a0too much\u00a0\u00bb (et \u00ab\u00a0too expensive\u00a0\u00bb surtout..)<\/p>\n<p>J&rsquo;ai regard\u00e9 du c\u00f4t\u00e9 des CDN \u00ab\u00a0gratuit\u00a0\u00bb du genre <a title=\"http:\/\/www.coralcdn.org\/\" href=\"http:\/\/www.coralcdn.org\/\" target=\"_blank\">CoralCDN<\/a> dont le but est clairement int\u00e9ressant mais ne semble plus suivi. Pourtant cela marche toujours et vous pouvez vous essayer \u00e0 votre premier \u00ab\u00a0CDN\u00a0\u00bb avec eux.<\/p>\n<p>Le CDN par soi-m\u00eame, simple a mettre en oeuvre, il demande toutefois que vous disposiez de serveurs g\u00e9ographiquement distants et comble de la perfection, attach\u00e9s a des points de <a title=\"http:\/\/fr.wikipedia.org\/wiki\/Peering\" href=\"http:\/\/fr.wikipedia.org\/wiki\/Peering\" target=\"_blank\">peering<\/a> int\u00e9ressants.<\/p>\n<p>Bref, j&rsquo;avais un peu laisser tomber tout cela jusqu&rsquo;a ce que je tombe la dessus :<\/p>\n<p><a title=\"http:\/\/code.google.com\/p\/cirruxcache\/\" href=\"http:\/\/code.google.com\/p\/cirruxcache\/\" target=\"_blank\">http:\/\/code.google.com\/p\/cirruxcache\/<\/a><\/p>\n<p>\u00ab\u00a0CirruxCache provides a software solution to dynamically cache HTTP objects on Google Appengine (using the Datastore and the Memcache services).\u00a0\u00bb<\/p>\n<p>En traduction <a title=\"demi-molle\" href=\"http:\/\/www.sexoconseil.com\/sexualite-questions\/erection-molle.html\" target=\"_blank\">demi-molle<\/a> \u00ab\u00a0CirruxCache vous permet de faire du cache HTTP via l&rsquo;infrastructure Google Appengine\u00a0\u00bb.<\/p>\n<p><a title=\"http:\/\/fr.wikipedia.org\/wiki\/WTF\" href=\"http:\/\/fr.wikipedia.org\/wiki\/WTF\" target=\"_blank\">WTF<\/a> ??? Alors \u00e7a, ca me semblait bien fun \ud83d\ude00<\/p>\n<p>Je fouille un peu le site et oh surprise, Antoine Libert, sur s<a title=\"http:\/\/a-l.fr\/blog\/\" href=\"http:\/\/a-l.fr\/blog\/\" target=\"_blank\">on blog<\/a>, nous offre un excellent tuto pour sa mise en oeuvre !!!<\/p>\n<p>Tout d&rsquo;abord, merci Antoine pour cet excellent article et le lien qu&rsquo;il vous faut absolument lire :<\/p>\n<p><a title=\"http:\/\/a-l.fr\/blog\/2009\/11\/28\/how-to-use-cirruxcache-and-google-app-engine-to-cache-static-content-of-your-wp-blog\/\" href=\"http:\/\/a-l.fr\/blog\/2009\/11\/28\/how-to-use-cirruxcache-and-google-app-engine-to-cache-static-content-of-your-wp-blog\/\" target=\"_blank\">http:\/\/a-l.fr\/blog\/2009\/11\/28\/how-to-use-cirruxcache-and-google-app-engine-to-cache-static-content-of-your-wp-blog\/<\/a><\/p>\n<p>Rajoutez a cela, un superbe plugin WordPress pour les CDN :<\/p>\n<p><a title=\"http:\/\/mark.ossdl.de\/2009\/08\/rewriting-urls-for-wordpress-and-cdn\/\" href=\"http:\/\/mark.ossdl.de\/2009\/08\/rewriting-urls-for-wordpress-and-cdn\/\" target=\"_blank\">http:\/\/mark.ossdl.de\/2009\/08\/rewriting-urls-for-wordpress-and-cdn\/<\/a><\/p>\n<p>Le r\u00e9sultat est flagrant :<\/p>\n<p><a href=\"http:\/\/blog.guiguiabloc.fr\/wp-content\/2010\/08\/benchmarkFinal.png\"><img loading=\"lazy\" class=\"aligncenter size-medium wp-image-790\" title=\"benchmarkFinal\" src=\"http:\/\/blog.guiguiabloc.fr\/wp-content\/2010\/08\/benchmark-Final-300x212.png\" alt=\"\" width=\"300\" height=\"212\" \/><\/a><\/p>\n<p>PageSpeed avec un score de 98&#8230;.<\/p>\n<p>Reste la comparaison avec d&rsquo;autres sites pris au hasard \ud83d\ude09\u00a0 :<\/p>\n<p><a href=\"http:\/\/blog.guiguiabloc.fr\/wp-content\/2010\/08\/benchmarkFinal1.png\"><img loading=\"lazy\" class=\"aligncenter size-medium wp-image-791\" title=\"benchmarkFinal1\" src=\"http:\/\/blog.guiguiabloc.fr\/wp-content\/2010\/08\/benchmark-Final1-300x212.png\" alt=\"\" width=\"300\" height=\"212\" \/><\/a><\/p>\n<p>Ok, on \u00e9crase google.com, free.fr ou ovh.fr (m\u00eame si google se charge plus vite, forc\u00e9ment \ud83d\ude42 )<\/p>\n<p>On peut se la p\u00e9ter grave en soci\u00e9t\u00e9 avec \u00e7a <img src=\"http:\/\/blog.guiguiabloc.fr\/wp-includes\/images\/smilies\/mrgreen.png\" alt=\":mrgreen:\" class=\"wp-smiley\" style=\"height: 1em; max-height: 1em;\" \/><\/p>\n<p>Donc tout cela pour vous dire que cette phase de travail a \u00e9t\u00e9 enrichissante pour moi, que bien s\u00fbr il reste du boulot pour monter encore un c&rsquo;hti peu (pas PageSpeed\u00a0 hein, je crois qu&rsquo;on ne peut pas monter plus haut, du moins, je n&rsquo;ai trouver aucun site Web avec un tel niveau ou sup\u00e9rieur), mais comprendre un peu mieux une partie que je d\u00e9teste d&rsquo;habitude, le code \ud83d\ude41 .<\/p>\n<p>Bilan surtout sur CirruxCache et Google Appengine qui me parait une excellente solution de CDN dans des infras HA, permettant de soulager un peu vos serveurs, dans la limite, du moins, de ce que Google vous offre gratuitement comme ressource (apr\u00e8s c&rsquo;est payant bien s\u00fbr, faut pas d\u00e9conner non plus&#8230;)<\/p>\n<p>Amusez-vous bien \ud83d\ude00<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ah ah ah, ce titre racoleur \ud83d\ude00 Non, rassurez-vous, dans ce billet je vous parlerai plut\u00f4t d&rsquo;optimisation de site Web et non de ce \u00e0 quoi vous pensez petit canaillou. R\u00e9cemment, je suis tomb\u00e9 sur un outil online permettant de &hellip; <a href=\"http:\/\/blog.guiguiabloc.fr\/index.php\/2010\/09\/01\/qui-cest-qua-la-plus-grosse\/\">Read More <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[27,7],"tags":[148,149,151,113,150],"_links":{"self":[{"href":"http:\/\/blog.guiguiabloc.fr\/index.php\/wp-json\/wp\/v2\/posts\/697"}],"collection":[{"href":"http:\/\/blog.guiguiabloc.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.guiguiabloc.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.guiguiabloc.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.guiguiabloc.fr\/index.php\/wp-json\/wp\/v2\/comments?post=697"}],"version-history":[{"count":25,"href":"http:\/\/blog.guiguiabloc.fr\/index.php\/wp-json\/wp\/v2\/posts\/697\/revisions"}],"predecessor-version":[{"id":885,"href":"http:\/\/blog.guiguiabloc.fr\/index.php\/wp-json\/wp\/v2\/posts\/697\/revisions\/885"}],"wp:attachment":[{"href":"http:\/\/blog.guiguiabloc.fr\/index.php\/wp-json\/wp\/v2\/media?parent=697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.guiguiabloc.fr\/index.php\/wp-json\/wp\/v2\/categories?post=697"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.guiguiabloc.fr\/index.php\/wp-json\/wp\/v2\/tags?post=697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}