Pro Yearly is on sale from $80 to $50! »

WebPagetest in 5 minutes

4cf842e43a782a585d8707f2ba7f9a5c?s=47 Koji Ishimoto
October 30, 2013
Design
12
1.8k

WebPagetest in 5 minutes

Introduction to "Speed Index" of awesome tool WebPagetest.
http://www.webpagetest.org/ #frontrend

4cf842e43a782a585d8707f2ba7f9a5c?s=128

Koji Ishimoto

October 30, 2013
Tweet

More Decks by Koji Ishimoto

See All by Koji Ishimoto
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
3
12k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
0
590
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
10
1.8k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
22
34k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
6
1.7k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
0
220
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
5
3.1k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
6
130
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
7
510

Other Decks in Design

See All in Design
Cbb3c20963c50ca893d6707680ec1c16?s=48 gkk218
1
190
5d2e1fa8c731ec227fda8adee714cc9d?s=48 ka3zu1ma10
0
240
67b668dc2594d034dee8e25098ce6d37?s=48 juanluisbravo
0
250
78f5efc1e98c71e473cc7827de1c5db4?s=48 takanorip
0
420
381ea09c5a26fb7d63ddfc3ccb1d746b?s=48 kgsi
1
380
11ec9eb1e359f8eaf5146af81c9bf418?s=48 sinapinc
2
240
Aed59b33d89eb2d4b5753b64e155ed4b?s=48 naphtalene
0
220
Bfc42a2fb137897db919bac632c83085?s=48 teruhisafukumoto
2
350
7e0c7d1a8943ab11891a7e304eb384cd?s=48 tthhmmss
1
110
8b8d433ca23ddb6d5c1949e121b57383?s=48 karte
3
120
0e557ffd26105887d41ada5a5f58cad1?s=48 minamitary
2
230
07e2c6335be6197e2b2c9c8607ecb0ba?s=48 cassidypierce
0
510

Featured

See All Featured
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
143
19k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1349
190k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
258
16k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.3k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
12
4k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
206
6.8k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
346
20k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
7
480
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
6
600
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
116
4.8k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
56
6.2k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
7
390

Transcript

  1. Frontrend x Chrome Tech Talk Night Extended, October 30, 2013

    5 WebPagetest minutes in

  2. +KojiIshimoto

  3. Web Performance Warrior I’m a... www.flickr.com/photos/soldiersmediacenter/5349439407

  4. PageSpeed Insights WebPagetest

  5. WebPagetest

  6. None
  7. None
  8. None

  9. First Byte Start Render DOM Elements Document Compete Fully Loaded

    Load Time Waterfall View Connection View Screen Shot Filmstrip View Watch Video Scripted Test Waterfall Opacity Export HTTP Archive
  10. None
  11. None

  12. Speed Index

  13. None
  14. None

  15. Speed Index = end 0 1 ― 100 VC ∫

    ― ― ― end = End time in milliseconds VC = % (Visually Complete)

  16. Let’s Improve Performance

  17. None

  18. Before 80 PageSpeed Insight Score

  19. Remove it!

  20. After 93 PageSpeed Insight Score

  21. None

  22. WebPagetest

  23. WebPagetest

  24. 3105 WebPagetest

  25. None

  26. ―@maccaw Speed is the second biggest engagement driver on the

    Internet. Just after perceived speed.

  27. Private Instance for Ameba

  28. None

  29. Under Development

  30. Thanks! +KojiIshimoto