Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WebPagetest in 5 minutes
Search
t32k
October 30, 2013
Design
12
2.6k
WebPagetest in 5 minutes
Introduction to "Speed Index" of awesome tool WebPagetest.
http://www.webpagetest.org/
#frontrend
t32k
October 30, 2013
Tweet
Share
More Decks by t32k
See All by t32k
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
2.1k
スタンドアロンAMPのすゝめ
t32k
3
13k
Evaluating your stylesheets
t32k
0
800
Evaluating CSS
t32k
10
2.2k
Modern Development Workflow with Grunt
t32k
22
36k
Introduction to Sass Compass for Sencha Touch
t32k
6
1.9k
var Gurator = Gist + Curator;
t32k
0
370
Sublime Text and Grunt for Titanium Development
t32k
5
3.3k
3 secrets for optimizing Web application
t32k
6
210
Other Decks in Design
See All in Design
maki setoguchi
maki_setoguchi
0
530
decksh object reference
ajstarks
2
1.3k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.8k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
650
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
120
Correspondence:共に生成していく過程
akiramotomura
0
120
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
780
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
0
240
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
660
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
1
270
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
210
佐藤千晶|ポートフォリオ
chimi_chia
0
220
Featured
See All Featured
How GitHub (no longer) Works
holman
315
140k
Navigating Team Friction
lara
190
15k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Agile that works and the tools we love
rasmusluckow
331
21k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
It's Worth the Effort
3n
187
28k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
2.9k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Transcript
Frontrend x Chrome Tech Talk Night Extended, October 30, 2013
5 WebPagetest minutes in
+KojiIshimoto
Web Performance Warrior I’m a... www.flickr.com/photos/soldiersmediacenter/5349439407
PageSpeed Insights WebPagetest
WebPagetest
None
None
None
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
None
None
Speed Index
None
None
Speed Index = end 0 1 ― 100 VC ∫
― ― ― end = End time in milliseconds VC = % (Visually Complete)
Let’s Improve Performance
None
Before 80 PageSpeed Insight Score
Remove it!
After 93 PageSpeed Insight Score
None
WebPagetest
WebPagetest
3105 WebPagetest
None
―@maccaw Speed is the second biggest engagement driver on the
Internet. Just after perceived speed.
Private Instance for Ameba
None
Under Development
Thanks! +KojiIshimoto