Frontrend x Chrome Tech Talk Night Extended, October 30, 2013
5
WebPagetest minutes
in
Slide 2
Slide 2 text
+KojiIshimoto
Slide 3
Slide 3 text
Web
Performance
Warrior
I’m a...
www.flickr.com/photos/soldiersmediacenter/5349439407
Slide 4
Slide 4 text
PageSpeed Insights
WebPagetest
Slide 5
Slide 5 text
WebPagetest
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
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
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
Speed Index
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
Speed Index =
end
0
1 ―
100
VC
∫ ―
―
―
end = End time in milliseconds VC = % (Visually Complete)
Slide 16
Slide 16 text
Let’s Improve Performance
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
Before
80
PageSpeed Insight Score
Slide 19
Slide 19 text
Remove it!
Slide 20
Slide 20 text
After
93
PageSpeed Insight Score
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
WebPagetest
Slide 23
Slide 23 text
WebPagetest
Slide 24
Slide 24 text
3105
WebPagetest
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
―@maccaw
Speed is the second biggest engagement
driver on the Internet. Just after
perceived speed.