TechSEO Boost 2017: Making the Web Fast
Transcript of TechSEO Boost 2017: Making the Web Fast
Patrick Meenan | @PatMeenan #TechSEOBoost
For everyone, all the time
Making the Web Fast
Patrick Meenan | @PatMeenan #TechSEOBoost
https://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/
Patrick Meenan | @PatMeenan #TechSEOBoost
https://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/
Patrick Meenan | @PatMeenan #TechSEOBoost
https://speedcurve.com
Patrick Meenan | @PatMeenan #TechSEOBoost
0%
5%
10%
15%
20%
25%
30%
35%
40%
45%
0.5
1.0
1.5
2.0
2.5
3.0
3.5
4.0
4.5
5.0
5.5
6.0
6.5
7.0
7.5
8.0
8.5
9.0
9.5
10
.0
10
.5
11
.0
11
.5
12
.0
12
.5
13
.0
13
.5
14
.0
14
.5
15
.0
15
.5
16
.0
16
.5
17
.0
17
.5
18
.0
18
.5
19
.0
19
.5
20
.0
Bo
un
ce R
ate
Time to DOM Content Loaded Event (Seconds)
Predicted Bounce Rate
https://www.thinkwithgoogle.com/marketing-resources/experience-design/mobile-page-speed-load-time/
5.5 Seconds
Patrick Meenan | @PatMeenan #TechSEOBoost
https://wpostats.com/
Patrick Meenan | @PatMeenan #TechSEOBoost
(Conversion Rate) x (Visitors) = Converted Sessions
CPACPC
Patrick Meenan | @PatMeenan #TechSEOBoost
How Fast Is It?
https://www.flickr.com/photos/anxiousnut/5389243033/
Patrick Meenan | @PatMeenan #TechSEOBoost
How Fast Is It?
https://www.flickr.com/photos/anxiousnut/5389243033/
First Meaningful Paint
Patrick Meenan | @PatMeenan #TechSEOBoost
Speed Index (weighted average)
https://developers.google.com/web/updates/2017/06/user-centric-performance-metrics
Patrick Meenan | @PatMeenan #TechSEOBoost
First Paint/
Start Render
(8.7s)
First Meaningful
Paint
(9.8s)
First Contentful
Paint
(9.1s)
Time To Interactive
(48s)
Patrick Meenan | @PatMeenan #TechSEOBoost
Time To Interactive
(49s)First Interactive
(10.7s)
Patrick Meenan | @PatMeenan #TechSEOBoost
Patrick Meenan | @PatMeenan #TechSEOBoost
Patrick Meenan | @PatMeenan #TechSEOBoost
https://www.flickr.com/photos/wwarby/3296379139/
Measuring Performance
Patrick Meenan | @PatMeenan #TechSEOBoost
Patrick Meenan | @PatMeenan #TechSEOBoost
Synthetic or and RUM
Synthetic
• Stable
• More detailed measurements
• Requires “representative” configuration
Real User Measurement
• Actual Performance
• Highly variable
• Limited competitive analysis
Patrick Meenan | @PatMeenan #TechSEOBoost
Chrome User Experience Report
• Real-user performance data from Chrome users
• Aggregated per-origin
• Histograms of several metrics:• First Paint
• First Contentful Paint
• DOM Content Loaded
• Onload
• Split by:• Effective connection type (2g, 3g, 4g…)
• Device Type (phone, tablet, desktop)
https://developers.google.com/web/tools/chrome-user-experience-report/
Patrick Meenan | @PatMeenan #TechSEOBoost
0%
5%
10%
15%
20%
25%
First Contentful Paint (milliseconds)
Amazon.com Walmart
Patrick Meenan | @PatMeenan #TechSEOBoost
0%
5%
10%
15%
20%
25%
First Contentful Paint (milliseconds)
Amazon.com Amazon Japan Amazon India
Patrick Meenan | @PatMeenan #TechSEOBoost
https://www.webpagetest.org/easy
Patrick Meenan | @PatMeenan #TechSEOBoost
https://www.flickr.com/photos/the-seo-company/8114460868/
Patrick Meenan | @PatMeenan #TechSEOBoost
Make Fewer HTTP Requests
Use a Content Delivery Network
Add an Expires Header
Gzip Components
Put Stylesheets at the Top
Put Scripts at the Bottom
Avoid CSS Expressions
Make JavaScript and CSS External
Reduce DNS Lookups
Minify JavaScript
Avoid Redirects
Remove Duplicate Scripts
Configure ETags
Make Ajax Cacheable
Patrick Meenan | @PatMeenan #TechSEOBoost
HTTP/2
Patrick Meenan | @PatMeenan #TechSEOBoost
Connection Sharding
static1.example.com
static2.example.com
…
https://codeascraft.com/2014/02/19/reducing-domain-sharding/
Patrick Meenan | @PatMeenan #TechSEOBoost
Cookieless domain for static resources
Patrick Meenan | @PatMeenan #TechSEOBoost
Repeat Offenders
https://www.flickr.com/photos/marineperez/4698707308/
Patrick Meenan | @PatMeenan #TechSEOBoost
A/B Testing
Patrick Meenan | @PatMeenan #TechSEOBoost
Tag Managers
Patrick Meenan | @PatMeenan #TechSEOBoost
Patrick Meenan | @PatMeenan #TechSEOBoost
Patrick Meenan | @PatMeenan #TechSEOBoost