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.4k
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
700
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
300
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
860
Other Decks in Design
See All in Design
Design for disaster preparedness
norinity1103
0
120
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
330
Emil Storyboards (2024)
abbsant
0
130
アクセシビリティって何だろう? -アクセシビリティの概念、そして向き合い方まで-
securecat
5
930
Building a mindful relationship with digital media for zillennials prone to anxiety
mastervicedesign
0
160
Installing and Running decksh/pdfdeck
ajstarks
1
570
改正障害者差別解消法の概要説明
securecat
0
130
Another works Brand Guidelines
designdoor
0
100
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
740
最速で価値を届けるUXリサーチ
degudegu2510
4
1k
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
5
920
0→1でデザイナーは何とむきあうのか? / 0→1 Meetup 〜多様な0→1フェーズにおけるデザイナーの働き方〜 / Yasuhiro Yokota
yasuhiroyokota
1
360
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
166
14k
Building Flexible Design Systems
yeseniaperezcruz
323
37k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
The Pragmatic Product Professional
lauravandoore
29
6.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Web Components: a chance to create the future
zenorocha
307
41k
Visualization
eitanlees
139
14k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Scaling GitHub
holman
458
140k
BBQ
matthewcrist
82
9k
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