Performances côté client

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 [email protected] 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