{"id":2809,"date":"2014-02-03T01:08:50","date_gmt":"2014-02-03T00:08:50","guid":{"rendered":"http:\/\/www.alphak.net\/news\/?p=2809"},"modified":"2014-02-03T01:08:50","modified_gmt":"2014-02-03T00:08:50","slug":"speed-daemon","status":"publish","type":"post","link":"https:\/\/www.alphak.net\/news\/2014\/02\/speed-daemon\/","title":{"rendered":"Speed Daemon"},"content":{"rendered":"

Avertissement :<\/strong><\/span> cet article est une tentative maladroite de mise en ligne d’un billet r\u00e9dig\u00e9 en mode express, en vue de faire patienter mon lectorat en qu\u00eate de vrais sujets, et afin de masquer mon incapacit\u00e9 \u00e0 finaliser la r\u00e9daction de vrais articles int\u00e9ressants sur mes projets en cours.<\/p>\n

La faute \u00e9tant avou\u00e9e et \u00e0 moiti\u00e9 pardonn\u00e9e, d\u00e9voilons le th\u00e8me de l’article d\u00e9lictueux dont le titre laisse entrevoir un l\u00e9ger indice, pour peu qu’on ait absorb\u00e9 suffisamment d’alcool fort : la vitesse de chargement<\/strong> de ce site.<\/p>\n

Depuis la mise en ligne de ce blog puis sa migration sous WordPress, celui-ci s’est alourdi<\/strong> au fil des ann\u00e9es. La faute \u00e0 l’utilisation croissante de plugins, pas toujours utiles et pas tout bien \u00e9crits, \u00e0 une impl\u00e9mentation de webdesign perfectible, \u00e0 une architecture de site devenant inadapt\u00e9e avec le temps. R\u00e9sultat, il y a 6 mois en arri\u00e8re, le constat \u00e9tait amer : un temps de chargement des pages beaucoup, beaucoup trop long.<\/p>\n

Bien s\u00fbr, cela aurait pu \u00eatre en partie occult\u00e9 par un d\u00e9bit sup\u00e9rieur, si j’avais \u00e9t\u00e9 raccord\u00e9 \u00e0 la fibre, depuis le temps que je l’attends – un jour elle sera mienne, oh oui, un jour elle sera mienne<\/em> – mais l’\u00e9tude d\u00e9taill\u00e9e des graphes de chargement de mes pages montrait que le d\u00e9bit ADSL n’\u00e9tait pas le seul \u00e0 la ramasse. Le temps de g\u00e9n\u00e9ration des pages par le serveur \u00e9tait \u00e9galement responsable du massacre.<\/p>\n

\"elle-sera-mienne\"<\/a><\/p>\n

Je devais donc intervenir. Voici donc un petit aper\u00e7u des am\u00e9liorations qui ont \u00e9t\u00e9 entreprises \u00e0 partir d’ao\u00fbt 2013 en vue d’am\u00e9liorer l’exp\u00e9rience utilisateur. Les tests de perfs ont \u00e9t\u00e9 r\u00e9alis\u00e9s avec les outils Pingdom Website Speed Test<\/a> et Google PageSpeed Insights<\/a>.<\/p>\n

Travail sur le webdesign<\/h3>\n

Graphiquement, tr\u00e8s peu de diff\u00e9rence. Dans les faits, je me suis arrang\u00e9 pour diviser par 3<\/strong> le nombre de ressources sur les pages, et donc de diviser par la m\u00eame quantit\u00e9 le nombre de requ\u00eates que le navigateur doit lancer pour charger une page de mani\u00e8re compl\u00e8te. Quelques techniques en vrac :<\/p>\n