Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WebPagetest in 5 minutes

Koji Ishimoto
October 30, 2013

WebPagetest in 5 minutes

Introduction to "Speed Index" of awesome tool WebPagetest.
http://www.webpagetest.org/ #frontrend

Koji Ishimoto

October 30, 2013
Tweet

More Decks by Koji Ishimoto

Other Decks in Design

Transcript

  1. Frontrend x Chrome Tech Talk Night Extended, October 30, 2013
    5
    WebPagetest minutes
    in

    View full-size slide

  2. +KojiIshimoto

    View full-size slide

  3. Web
    Performance
    Warrior
    I’m a...
    www.flickr.com/photos/soldiersmediacenter/5349439407

    View full-size slide

  4. PageSpeed Insights
    WebPagetest

    View full-size slide

  5. 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

    View full-size slide

  6. Speed Index =
    end
    0
    1 ―
    100
    VC
    ∫ ―


    end = End time in milliseconds VC = % (Visually Complete)

    View full-size slide

  7. Let’s Improve Performance

    View full-size slide

  8. Before
    80
    PageSpeed Insight Score

    View full-size slide

  9. After
    93
    PageSpeed Insight Score

    View full-size slide

  10. 3105
    WebPagetest

    View full-size slide

  11. ―@maccaw
    Speed is the second biggest engagement
    driver on the Internet. Just after
    perceived speed.

    View full-size slide

  12. Private Instance for Ameba

    View full-size slide

  13. Under Development

    View full-size slide

  14. Thanks!
    +KojiIshimoto

    View full-size slide