Performances côté client

by https://speakerdeck.com/arnaudlimbourg

Embed

Start on current slide

Slide 1

Slide 1 text

Performances côté client Arnaud Limbourg - 20minutes.fr PHP Tour Lille 2011 jeudi 24 novembre 11

Slide 2

Slide 2 text

200ms jeudi 24 novembre 11

Slide 3

Slide 3 text

Pourquoi ? jeudi 24 novembre 11

Slide 4

Slide 4 text

10% 50% jeudi 24 novembre 11

Slide 5

Slide 5 text

De quoi parle-t-on ? jeudi 24 novembre 11

Slide 6

Slide 6 text

Navigateur jeudi 24 novembre 11

Slide 7

Slide 7 text

Le plus important ? jeudi 24 novembre 11

Slide 8

Slide 8 text

Mesurer jeudi 24 novembre 11

Slide 9

Slide 9 text

Stratégie jeudi 24 novembre 11

Slide 10

Slide 10 text

Comment mesurer ? jeudi 24 novembre 11

Slide 11

Slide 11 text

jeudi 24 novembre 11

Slide 12

Slide 12 text

jeudi 24 novembre 11

Slide 13

Slide 13 text

jeudi 24 novembre 11

Slide 14

Slide 14 text

Boomerang jeudi 24 novembre 11

Slide 15

Slide 15 text

Nav Timing API jeudi 24 novembre 11

Slide 16

Slide 16 text

jeudi 24 novembre 11

Slide 17

Slide 17 text

Boomerang • R • 4,9 M obs. 10 jours • 11663 Ms Quart 25 % 50 % 75 % Ms 5056 8985 16719 jeudi 24 novembre 11

Slide 18

Slide 18 text

Source : Cedexis jeudi 24 novembre 11

Slide 19

Slide 19 text

Améliorer jeudi 24 novembre 11

Slide 20

Slide 20 text

jeudi 24 novembre 11

Slide 21

Slide 21 text

jeudi 24 novembre 11

Slide 22

Slide 22 text

http://www.ﬂickr.com/photos/treeﬁddy/372092545/ jeudi 24 novembre 11

Slide 23

Slide 23 text

Améliorer • nb requêtes http • • miniﬁer/gzipper JS et CSS • compresser images • sprites, data-uri jeudi 24 novembre 11

Slide 24

Slide 24 text

Améliorer • cache-control • nb éléments DOM • javascript jeudi 24 novembre 11

Slide 25

Slide 25 text

YSlow Page Speed jeudi 24 novembre 11

Slide 26

Slide 26 text

Source : Google analytics jeudi 24 novembre 11

Slide 27

Slide 27 text

Liens • Comment fonctionne un navigateur : http://www.html5rocks.com/en/tutorials/ internals/howbrowserswork/ jeudi 24 novembre 11

Slide 28

Slide 28 text

Liens • Les outils habituels : • Google PageSpeed • YSlow • Chrome (timeline) jeudi 24 novembre 11

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

En résumé • qu’est qui à un impact sur les performances • que faut-il faire pour les améliorer jeudi 24 novembre 11

Slide 32

Slide 32 text

Merci ! Questions ? http://www.ﬂickr.com/photos/jordyb/6108619670/sizes/l/in/photostream/ jeudi 24 novembre 11

Slide 33

Slide 33 text

Performances côté client Arnaud Limbourg - 20minutes.fr [email protected] jeudi 24 novembre 11

Slide 34

Slide 34 text

• 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