WebPagetest in 5 minutes

4cf842e43a782a585d8707f2ba7f9a5c?s=47 Koji Ishimoto
October 30, 2013

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

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