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
590
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
130
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
7
540

Other Decks in Design

See All in Design
D0255d4b7110cd38b2376d50d228432d?s=48 tomprior
1
110
633e5ea3fef24778d674a1e618e5f15b?s=48 asksuyo
1
350
1aa84252531bfaeef8fcd570a43f0f62?s=48 kuratani4040
0
170
B06b98d5e80a6c01c4fefb6d5988b1c3?s=48 moco1013
0
310
37f0915a736cd950a2fe23d4327f9c75?s=48 irenehuangboards
0
110
372b0d6ab90110521a5d3aa09f736abc?s=48 seathinner
2
170
A4d05128b01e7202cc02d3f2c183a1ef?s=48 brushscape
0
130
158057e3cc53b5faa64afcf0696be883?s=48 shinrakuten
0
410
6f9c90981748adfbe77022cfb228d386?s=48 michalis_art
0
120
Dfa5ba72c278ca34ab320c0a582da888?s=48 cyberagent_creators
2
18k
74236943c7fa6766072f9cc58cbd12cb?s=48 yuenwang
0
120
Eb3f099a0ad1b2f8ff9180432ab10d72?s=48 mollysart
0
200

Featured

See All Featured
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
86
8.6k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1346
200k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
146
19k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
56
5.4k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
8
590
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
283
47k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
10
540
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
6
760
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
3
650
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.7k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
116
7.2k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
53
3.5k

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