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

WebPagetest in 5 minutes

Koji Ishimoto
October 30, 2013
Design
12
2.1k

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

See All by Koji Ishimoto
スタンドアロンAMPのすゝめ
t32k
3
12k
Evaluating your stylesheets
t32k
0
620
Evaluating CSS
t32k
10
1.9k
Modern Development Workflow with Grunt
t32k
22
35k
Introduction to Sass Compass for Sencha Touch
t32k
6
1.7k
var Gurator = Gist + Curator;
t32k
0
240
Sublime Text and Grunt for Titanium Development
t32k
5
3.2k
3 secrets for optimizing Web application
t32k
6
140
Mobile Front-end Optimization Standard:2012
t32k
7
650

Other Decks in Design

See All in Design
BrandingSeminar_20220728
ncdc
0
180
Storyboard: Midnight Cookie
luchiianita
0
320
WIP croco
rottentwinkies
1
110
Meep_Nubie_store_sequence
vincentwu
PRO
0
110
Interest + Curiosity Booklet
juliaso
1
150
Dr.'s Prime - Branding Project - CI/VI
drsprime
1
610
Together/Apart
damberg
2
160
YOUは何しにそのデザインチームへ？【デザインマネージャー編】RAKSUL編
izumi_junichi
2
790
今から始めるFigma超入門
448jp
0
830
Surfin' the Web
alexiswhitedraws
1
140
ペイディのUXライティングで気をつけている３つのこと
naoto_miyazaki
7
1.7k
壺男で考えるクリエイティブ
takazudo
0
120

Featured

See All Featured
The Web Native Designer (August 2011)
paulrobertlloyd
75
2k
Scaling GitHub
holman
452
140k
How to name files
jennybc
44
66k
GraphQLの誤解/rethinking-graphql
sonatard
33
7.1k
Product Roadmaps are Hard
iamctodd
35
7.2k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
127
8.6k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.2k
Docker and Python
trallard
27
1.7k
YesSQL, Process and Tooling at Scale
rocio
157
12k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
196
9.6k
The Mythical Team-Month
searls
210
40k
We Have a Design System, Now What?
morganepeng
36
5.7k

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