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

WebPagetest in 5 minutes

Koji Ishimoto
October 30, 2013
Design
12
2.4k

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
680
Evaluating CSS
t32k
10
2k
Modern Development Workflow with Grunt
t32k
22
36k
Introduction to Sass Compass for Sencha Touch
t32k
6
1.8k
var Gurator = Gist + Curator;
t32k
0
290
Sublime Text and Grunt for Titanium Development
t32k
5
3.3k
3 secrets for optimizing Web application
t32k
6
170
Mobile Front-end Optimization Standard:2012
t32k
7
800

Other Decks in Design

See All in Design
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
310
1人歩きする営業資料作成
yutoshukuya
0
150
Installing and Running decksh/pdfdeck
ajstarks
1
490
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
231206_Book-launch-event_kato
hjmkth
2
1.2k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
740
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
170
WHAT ARE ME?
takuro_nakajima
PRO
0
1.3k
B/43プラスカードができるまで
putchomsmartbank
0
470
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1k
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
23
7.8k

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
17
6.4k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
A Tale of Four Properties
chriscoyier
151
22k
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
Building Your Own Lightsaber
phodgson
99
5.7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
7
1k
4 Signs Your Business is Dying
shpigford
175
21k
The Invisible Customer
myddelton
114
12k
Building Adaptive Systems
keathley
31
1.9k

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