Performances côté client

PHPTour 2011 à Lille

Transcript

1. Performances côté client Arnaud Limbourg - 20minutes.fr PHP Tour Lille 2011 jeudi 24 novembre 11
2. 200ms jeudi 24 novembre 11
3. Pourquoi ? jeudi 24 novembre 11
4. 10% 50% jeudi 24 novembre 11
5. De quoi parle-t-on ? jeudi 24 novembre 11
6. Navigateur jeudi 24 novembre 11
7. Le plus important ? jeudi 24 novembre 11
8. Mesurer jeudi 24 novembre 11
9. Stratégie jeudi 24 novembre 11
10. Comment mesurer ? jeudi 24 novembre 11
11. jeudi 24 novembre 11
12. jeudi 24 novembre 11
13. jeudi 24 novembre 11
14. Boomerang jeudi 24 novembre 11
15. Nav Timing API jeudi 24 novembre 11
16. jeudi 24 novembre 11
17. Boomerang • R • 4,9 M obs. 10 jours • 11663 Ms Quart 25 % 50 % 75 % Ms 5056 8985 16719 jeudi 24 novembre 11
18. Source : Cedexis jeudi 24 novembre 11
19. Améliorer jeudi 24 novembre 11
20. jeudi 24 novembre 11
21. jeudi 24 novembre 11
22. http://www.flickr.com/photos/treefiddy/372092545/ jeudi 24 novembre 11
23. Améliorer • nb requêtes http • <head> • minifier/gzipper JS et CSS • compresser images • sprites, data-uri jeudi 24 novembre 11
24. Améliorer • cache-control • nb éléments DOM • javascript jeudi 24 novembre 11
25. YSlow Page Speed jeudi 24 novembre 11
26. Source : Google analytics jeudi 24 novembre 11
27. Liens • Comment fonctionne un navigateur : http://www.html5rocks.com/en/tutorials/ internals/howbrowserswork/ jeudi 24 novembre 11
28. Liens • Les outils habituels : • Google PageSpeed • YSlow • Chrome (timeline) jeudi 24 novembre 11
29. Liens • Mesure des performances : • Cedexis radar (http://www.cedexis.com/ products/cedexis-radar/) • Yottaa (http://www.yottaa.com) • Webpagetest (http:// www.webpagetest.org) • Google analytics jeudi 24 novembre 11
30. 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
31. En résumé • qu’est qui à un impact sur les performances • que faut-il faire pour les améliorer jeudi 24 novembre 11
32. Merci ! Questions ? http://www.flickr.com/photos/jordyb/6108619670/sizes/l/in/photostream/ jeudi 24 novembre 11
33. Performances côté client Arnaud Limbourg - 20minutes.fr alimbourg@20minutes.fr jeudi 24 novembre 11
34. • 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