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
11k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
0
580
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
10
1.8k
4cf842e43a782a585d8707f2ba7f9a5c?s=48 t32k
22
33k
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
490

Other Decks in Design

See All in Design
99de77666ff40dbf0988652899cc92ef?s=48 kamihira
2
2.2k
862a0057a6e8215a4d83a4ecca89e62d?s=48 yamhi
0
140
D1379d198d492b4ef4ecad0b59910bb6?s=48 kondoyuko
3
1.1k
441f9c0b4475aa59ce0b584444c98ea8?s=48 shinopara
0
160
9f5f8d89c1c298beb2e5d3b1e41941e2?s=48 codingconduct
0
370
9158c2f8454a336c2c91a896bd6383bf?s=48 elisa89cristantielli
4
130
Be03d0fc8a97304786fc6bbab5ae4725?s=48 edraza
2
230
92fccf6caea24341b74dfbd9509edb34?s=48 aaronimation
1
150
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
130
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
270
Cdf45605a1adfab81061bc1c4444847a?s=48 barsaka2
1
300
99de77666ff40dbf0988652899cc92ef?s=48 kamihira
0
180

Featured

See All Featured
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
407
57k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
8
1.2k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
93
5k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
121
20k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
83
3.7k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
2
290
5f83ef806155b403c3393160ce51f955?s=48 jlugia
215
16k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
270
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
189
8.2k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
83
4.5k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
775
240k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
110
24k

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