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
Koji Ishimoto
October 30, 2013
Design
12
2.5k
WebPagetest in 5 minutes
Introduction to "Speed Index" of awesome tool WebPagetest.
http://www.webpagetest.org/
#frontrend
Koji Ishimoto
October 30, 2013
Tweet
Share
More Decks by Koji Ishimoto
See All by Koji Ishimoto
スタンドアロンAMPのすゝめ
t32k
3
12k
Evaluating your stylesheets
t32k
0
740
Evaluating CSS
t32k
10
2.1k
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
330
Sublime Text and Grunt for Titanium Development
t32k
5
3.3k
3 secrets for optimizing Web application
t32k
6
180
Mobile Front-end Optimization Standard:2012
t32k
7
920
Other Decks in Design
See All in Design
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
210
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.9k
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4k
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
720
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
610
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
200
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
610
portfolio
amitnk
1
160
Yahoo Newsletter Clicker Template
xuechunwu
0
300
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
230
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
690
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.9k
Featured
See All Featured
Making Projects Easy
brettharned
116
5.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Rails Girls Zürich Keynote
gr2m
94
13k
Facilitating Awesome Meetings
lara
50
6.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
17
2.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
We Have a Design System, Now What?
morganepeng
51
7.3k
Speed Design
sergeychernyshev
25
670
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
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