This document discusses various techniques for measuring and improving website performance. It provides links to tools for monitoring page speed metrics and the loading performance of different sites. Specific techniques are recommended for optimizing assets like JavaScript, CSS, images and HTTP requests to enhance performance. New technologies like HTTP/2 that can help and methods for testing performance variations are also referenced.
7. Patrick Meenan | @PatMeenan #TechSEOBoost
(Conversion Rate) x (Visitors) = Converted Sessions
CPACPC
8. Patrick Meenan | @PatMeenan #TechSEOBoost
How Fast Is It?
https://www.flickr.com/photos/anxiousnut/5389243033/
9. Patrick Meenan | @PatMeenan #TechSEOBoost
How Fast Is It?
https://www.flickr.com/photos/anxiousnut/5389243033/
First Meaningful Paint
10. Patrick Meenan | @PatMeenan #TechSEOBoost
Speed Index (weighted average)
https://developers.google.com/web/updates/2017/06/user-centric-performance-metrics
11. Patrick Meenan | @PatMeenan #TechSEOBoost
First Paint/
Start Render
(8.7s)
First Meaningful
Paint
(9.8s)
First Contentful
Paint
(9.1s)
Time To Interactive
(48s)
12. Patrick Meenan | @PatMeenan #TechSEOBoost
Time To Interactive
(49s)First Interactive
(10.7s)
17. 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
18. 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/
19. Patrick Meenan | @PatMeenan #TechSEOBoost
0%
5%
10%
15%
20%
25%
First Contentful Paint (milliseconds)
Amazon.com Walmart
20. Patrick Meenan | @PatMeenan #TechSEOBoost
0%
5%
10%
15%
20%
25%
First Contentful Paint (milliseconds)
Amazon.com Amazon Japan Amazon India
21. Patrick Meenan | @PatMeenan #TechSEOBoost
https://www.webpagetest.org/easy
22. Patrick Meenan | @PatMeenan #TechSEOBoost
https://www.flickr.com/photos/the-seo-company/8114460868/
23. 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