PHPTour 2011 à Lille
Performances côtéclientArnaud Limbourg - 20minutes.frPHP Tour Lille 2011jeudi 24 novembre 11
View Slide
200msjeudi 24 novembre 11
Pourquoi ?jeudi 24 novembre 11
10% 50%jeudi 24 novembre 11
De quoi parle-t-on ?jeudi 24 novembre 11
Navigateurjeudi 24 novembre 11
Le plus important ?jeudi 24 novembre 11
Mesurerjeudi 24 novembre 11
Stratégiejeudi 24 novembre 11
Comment mesurer ?jeudi 24 novembre 11
jeudi 24 novembre 11
Boomerangjeudi 24 novembre 11
Nav Timing APIjeudi 24 novembre 11
Boomerang• R• 4,9 M obs. 10 jours• 11663 MsQuart 25 % 50 % 75 %Ms 5056 8985 16719jeudi 24 novembre 11
Source : Cedexisjeudi 24 novembre 11
Améliorerjeudi 24 novembre 11
http://www.flickr.com/photos/treefiddy/372092545/jeudi 24 novembre 11
Améliorer• nb requêtes http• • minifier/gzipper JS et CSS• compresser images• sprites, data-urijeudi 24 novembre 11
Améliorer• cache-control• nb éléments DOM• javascriptjeudi 24 novembre 11
YSlowPage Speedjeudi 24 novembre 11
Source : Google analyticsjeudi 24 novembre 11
Liens• Comment fonctionne un navigateur :http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/jeudi 24 novembre 11
Liens• Les outils habituels :• Google PageSpeed• YSlow• Chrome (timeline)jeudi 24 novembre 11
Liens• Mesure des performances :• Cedexis radar (http://www.cedexis.com/products/cedexis-radar/)• Yottaa (http://www.yottaa.com)• Webpagetest (http://www.webpagetest.org)• Google analyticsjeudi 24 novembre 11
Liens• Yahoo Boomerang (http://yahoo.github.com/boomerang/doc/)• HTTP Archive (http://www.httparchive.org)• DOM Monster (http://mir.aculo.us/dom-monster/)jeudi 24 novembre 11
En résumé• qu’est qui à un impact sur les performances• que faut-il faire pour les améliorerjeudi 24 novembre 11
Merci !Questions ?http://www.flickr.com/photos/jordyb/6108619670/sizes/l/in/photostream/jeudi 24 novembre 11
Performances côtéclientArnaud Limbourg - 20minutes.fr[email protected]jeudi 24 novembre 11
• boomerang: http://www.flickr.com/photos/65438942@N08/5951313541/in/photostream/• Arbre : http://www.flickr.com/photos/jordyb/6108619670/sizes/l/in/photostream/• Montre : http://www.flickr.com/photos/treefiddy/372092545/jeudi 24 novembre 11