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
500

Other Decks in Design

See All in Design
2b43718b2765276034a6fc98eedb7cd9?s=48 toi_toi_y
1
500
8957cabffe41ff244b2bbedec7330202?s=48 storybykyliegay
1
990
383880781f0809f45fc3aa7091b81ed1?s=48 jbeam
1
110
Cf9808b306096a913709da756edeb665?s=48 uxevents
0
110
Dab2423d06b31e4f3df80052b3faaa25?s=48 apolthomaier
0
100
Fcd0a635b9bdca525510839713b80103?s=48 supergabs
1
110
Bfc42a2fb137897db919bac632c83085?s=48 teruhisafukumoto
1
180
6715312320f3bd88463ad96db1f13866?s=48 ryusukekogetsu
1
1.1k
6e97ad5a4f48dfccfa131f2644aee888?s=48 gtsuber
0
260
D9085296dd20f6b8bda8a083e39d1d7a?s=48 mcevel
0
170
0e557ffd26105887d41ada5a5f58cad1?s=48 minamitary
1
170
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
310

Featured

See All Featured
5f50f94346fbcb23706f0707169317a4?s=48 aarron
254
36k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
69
1.3k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
66
250k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
84
3.8k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
220
14k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
267
16k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
78
3.2k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
205
9.9k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
7k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
10
590
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
219
110k

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