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
1.8k
スタンドアロン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
360
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
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.7k
CursorでAI活用のナレッジベースを構築する
kanzaki
0
670
mento Design Team Portfolio
mento0fficial
1
680
アクセシビリティに取り組むメリット
magi1125
2
250
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
180
AIで加速するアクセシビリティのこれから
magi1125
4
670
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
590
Yumika Yamada Portfolio
yumii
0
1.4k
「UXとUIの違い」v2
shirasu3
0
230
Cyber Heart Online Book
hjnasby
0
180
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Designing for humans not robots
tammielis
253
25k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
Rails Girls Zürich Keynote
gr2m
95
14k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
A better future with KSS
kneath
239
17k
Gamification - CAS2011
davidbonilla
81
5.4k
Side Projects
sachag
455
43k
Why Our Code Smells
bkeepers
PRO
339
57k
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