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
570

Other Decks in Design

See All in Design
2a8387f23d70f68047f0b8c32439a292?s=48 monoxer
0
590
25448e5eb61d4fd7b35ed73d722f9ad9?s=48 sawa_zen
1
520
6d869971088bd312ed38c47eb2eddae7?s=48 aweraewraewraewr
PRO
1
420
7d05a6e379403aa40b0e470b5567a3b1?s=48 itandi
1
200
5696bd82fd62181c65c8bb3c168d49c1?s=48 solmetts
0
170
Eb3f099a0ad1b2f8ff9180432ab10d72?s=48 mollysart
0
170
342011d3ddbec60bc73c8a4d6a562911?s=48 videlvequio
0
140
169193701aa6e6249f882068f13afa88?s=48 gazinc
0
2k
A59f1440588fd8d0447a8e96b8c9b8c5?s=48 hara_mei
0
490
E4d3bf2e52b00413efb34cc6e7433f3a?s=48 demarco
1
170
6d74b5edd1571a5cf7ecfec9c694f26b?s=48 kenshir0f
8
3.4k
1174a67bf81e480b34f5d2e889d8b90d?s=48 yuki_yano
PRO
0
110

Featured

See All Featured
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
122
8.2k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
37
1.7k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
34
2.4k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.8k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
54k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
58
3.8k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.6k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
255
20k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
218
16k
11c84dff30266b907714802088852677?s=48 jasonvnalue
87
8.3k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
56
5.6k
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k

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