Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WebPagetest in 5 minutes

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

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
600
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
10
1.9k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
22
34k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
6
1.7k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
0
230
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
5
3.2k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
6
140
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
7
550

Other Decks in Design

See All in Design
2a9af1434d4e99cfb7391db860fabe74?s=48 angae
1
210
42b2cb9902bd820240a537b69cab093c?s=48 creosdesign
1
360
1439b2421bf9af4d7353a76c5355b6d6?s=48 diegoa4863
1
300
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
320
F2a18f1ef63198439d0722c7e88129e2?s=48 kignato1
0
350
B178bf6ab8dcf16d726d0a4479d0d6a2?s=48 jvmal
0
100
8ba8bdc8f653a517ed8c300fbec98f15?s=48 drthdan16
0
410
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
1
240
64560cbcf51687d24c959b8ff0e5f4bd?s=48 messymaddy
1
150
1773706fc83596499737b07d14f7fb56?s=48 winstonscreations
PRO
0
180
8ba8bdc8f653a517ed8c300fbec98f15?s=48 drthdan16
0
300
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
990

Featured

See All Featured
5f50f94346fbcb23706f0707169317a4?s=48 aarron
258
36k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
13
950
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
158
6.6k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
8
970
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
294
39k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
333
29k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
93
3.2k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
219
120k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
12
1.9k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
238
23k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
312
18k

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