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.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.2k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
6
130
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
7
530

Other Decks in Design

See All in Design
40baebcd09b478d3e28b5ba81df2b525?s=48 tiagilles
0
230
6a6aad781996e27048d8501404625525?s=48 masatohonda
3
1.2k
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
180
2d25e12912ed16b70c1754dd10177d82?s=48 danpark001
1
3k
C66a4b0ef3d970bfbe5cc00df63804d8?s=48 polverelli
0
140
128d92bf74fbf395ac55960f19f92176?s=48 anamisanga
0
150
2481158a72219f42b701cf0fcef12971?s=48 rvillarreal
0
120
E603f65765a005bb52ac99c17f0eb684?s=48 mokonsco
0
100
67b668dc2594d034dee8e25098ce6d37?s=48 juanluisbravo
0
230
B03f0d05d316c10bc396a66fb265b86f?s=48 littlebusters
0
130
03c23e2e3fb16223d447bb413941a44d?s=48 sophiasepth
0
220
12703c2561e45c51802855707969a9b0?s=48 antondraws
0
240

Featured

See All Featured
9375a9529679f1b42b567a640d775e7d?s=48 schacon
145
6.6k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
652
110k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
308
17k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
587
200k
Ba530e786553390f3fb271848485681c?s=48 3n
163
22k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
70
3.5k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
380k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
480
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
204
35k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
113
25k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
4
550
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
192
8.8k

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