{"id":268,"date":"2009-03-15T19:07:17","date_gmt":"2009-03-15T17:07:17","guid":{"rendered":"http:\/\/www.gatellier.be\/blog\/?p=268"},"modified":"2009-04-07T16:19:50","modified_gmt":"2009-04-07T14:19:50","slug":"performances-web-impact-du-ssl","status":"publish","type":"post","link":"https:\/\/gatellier.be\/blog\/performances-web-impact-du-ssl\/","title":{"rendered":"Performances Web: Impact du SSL"},"content":{"rendered":"

Depuis quelques temps, avec l’apparition de l’extension Firebug YSLOW<\/a>, je m’int\u00e9resse de pr\u00e8s aux performances des sites web<\/strong>.<\/p>\n

J’ai profit\u00e9 des conseils avis\u00e9s de Steve Souders<\/a> et d’Éric Daspet<\/a> dans quelques projets r\u00e9alis\u00e9s chez Emakina<\/a>.<\/p>\n

Un d’entre eux, le site smart.brusselsairlines.com<\/a>, permettait aux participants de recevoir une r\u00e9duction augmentant avec le nombre de participants (revenez-y de temps pour les prochaines promotions).<\/p>\n

La mesure des visites du sites est g\u00e9r\u00e9e par une soci\u00e9t\u00e9 externe EStat<\/a>. Et, bien que je leur ai demand\u00e9 de la documentation sur l’impl\u00e9mentation de leur script de tracking, on emploie toujours le vieux bout de code qui date de la premi\u00e8re version du site.<\/p>\n

Hors, le script de tracking est appel\u00e9 via HTTPS<\/abbr><\/strong>. Vous voyez o\u00f9 je veux en venir.<\/p>\n

Mesure des connections avec HTTPS<\/em>.<\/h3>\n
\n\t\"Waterfall\n<\/div>\n\n\"DNS\n\"Initial\n\"SSL\n\"Time\n\"Content\n\"Initial\n\"SSL\n\"Time\n\"Content\n<\/map>\n

Résultats de la requ\u00eate #5 :<\/h4>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
URL:<\/th>\nhttps:\/\/prof.estat.com\/js\/m.js<\/a><\/td>\n<\/tr>\n
Host:<\/th>\nprof.estat.com<\/td>\n<\/tr>\n
IP:<\/th>\n194.126.157.11<\/td>\n<\/tr>\n
Location:<\/th>\nValbonne, France*<\/td>\n<\/tr>\n
Error\/Status Code:<\/th>\n200<\/td>\n<\/tr>\n
Start Offset:<\/th>\n1.04 s<\/td>\n<\/tr>\n
DNS Lookup:<\/th>\n178 ms<\/td>\n<\/tr>\n
Initial Connection:<\/th>\n171 ms<\/td>\n<\/tr>\n
SSL Negotiation:<\/strong><\/th>\n505 ms<\/strong><\/td>\n<\/tr>\n
Time to First Byte:<\/th>\n164 ms<\/td>\n<\/tr>\n
Content Download:<\/th>\n2 ms<\/td>\n<\/tr>\n
Bytes In (downloaded):<\/th>\n2.0 KB<\/td>\n<\/tr>\n
Bytes Out (uploaded):<\/th>\n0.6 KB<\/td>\n<\/tr>\n<\/table>\n

Analyse :<\/h4>\n

Sur un total de 1023 ms, 505 ms – soit presque 50% du temps de la requ\u00eate<\/strong> – sont consacr\u00e9es \u00e0 la n\u00e9gociation SSL<\/abbr> pour des donn\u00e9es ne n\u00e9c\u00e9ssitant pas l’emploi du SSL…<\/p>\n

N’ayant pas eu la documentation du fournisseur de service EStat, je me suis permis de tester la technique pour supprimer le protocole https lors de l’appel \u00e0 la ressource<\/a>.<\/p>\n

J’ai donc refait le test en faisant un requ\u00eate vers le m\u00eame fichier JS<\/abbr>, mais sans passer par HTTPS<\/abbr>.<\/p>\n

Mesure des connections sans HTTPS<\/em>.<\/h3>\n
\n\t\"Waterfall\n<\/div>\n\n\"DNS\n\"Initial\n\"Time\n\"Content\n\"Initial\n\"Time\n\"Content\n<\/map>\n

Résultats de la requ\u00eate #5 :<\/h4>\n\n\n\n\n\n\n\n\n\n\n\n\n\n
URL:<\/th>\n\/\/prof.estat.com\/js\/m.js<\/a><\/td>\n<\/tr>\n
Host:<\/th>\nprof.estat.com<\/td>\n<\/tr>\n
IP:<\/th>\n194.126.157.11<\/td>\n<\/tr>\n
Location:<\/th>\nValbonne, France*<\/td>\n<\/tr>\n
Error\/Status Code:<\/th>\n200<\/td>\n<\/tr>\n
Start Offset:<\/th>\n1.19 s<\/td>\n<\/tr>\n
DNS Lookup:<\/th>\n56 ms<\/td>\n<\/tr>\n
Initial Connection:<\/th>\n155 ms<\/td>\n<\/tr>\n
Time to First Byte:<\/th>\n163 ms<\/td>\n<\/tr>\n
Content Download:<\/th>\n3 ms<\/td>\n<\/tr>\n
Bytes In (downloaded):<\/th>\n1.1 KB<\/td>\n<\/tr>\n
Bytes Out (uploaded):<\/th>\n0.3 KB<\/td>\n<\/tr>\n<\/table>\n

Verdict :<\/h4>\n

Le r\u00e9sultat est flagrant : 378 ms contre 1023, il n’y a pas photo.<\/p>\n

Quand vous devez reprendre un vieux site et l’optimiser pour, entre autre, des raisons de performance, n’oubliez pas de tenir compte des ressources externes<\/strong> en https !<\/p>\n

Et en plus si le fournisseur de service ne vous fourni pas de documentation, et n’active pas le Keep-Alive<\/a> sur ses serveurs, vous pouvez vivement envisager de changer de prestataire ! À bon entendeur…<\/p>\n","protected":false},"excerpt":{"rendered":"

Le t\u00e9l\u00e9chargement d’un fichier de tracking appel\u00e9 en https prend deux fois plus de temps qu’en http. V\u00e9rifiez vos ressources externes, pour des sites web performants<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71,119],"tags":[122,114,120,121,123],"class_list":["post-268","post","type-post","status-publish","format-standard","hentry","category-bonnes-pratiques","category-performances","tag-estat","tag-https","tag-performance","tag-ssl","tag-tracking"],"_links":{"self":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts\/268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/comments?post=268"}],"version-history":[{"count":0,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts\/268\/revisions"}],"wp:attachment":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/media?parent=268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/categories?post=268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/tags?post=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}