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.

1. Patrick Meenan | @PatMeenan #TechSEOBoost
For everyone, all the time
Making the Web Fast

2. Patrick Meenan | @PatMeenan #TechSEOBoost
https://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/

3. Patrick Meenan | @PatMeenan #TechSEOBoost
https://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/

4. Patrick Meenan | @PatMeenan #TechSEOBoost
https://speedcurve.com

5. 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
BounceRate
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

6. Patrick Meenan | @PatMeenan #TechSEOBoost
https://wpostats.com/

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)

13. Patrick Meenan | @PatMeenan #TechSEOBoost

14. Patrick Meenan | @PatMeenan #TechSEOBoost

15. Patrick Meenan | @PatMeenan #TechSEOBoost
https://www.flickr.com/photos/wwarby/3296379139/
Measuring Performance

16. Patrick Meenan | @PatMeenan #TechSEOBoost

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

24. Patrick Meenan | @PatMeenan #TechSEOBoost
HTTP/2

25. Patrick Meenan | @PatMeenan #TechSEOBoost
Connection Sharding
static1.example.com
static2.example.com
…
https://codeascraft.com/2014/02/19/reducing-domain-sharding/

26. Patrick Meenan | @PatMeenan #TechSEOBoost
Cookieless domain for static resources

27. Patrick Meenan | @PatMeenan #TechSEOBoost
Repeat Offenders
https://www.flickr.com/photos/marineperez/4698707308/

28. Patrick Meenan | @PatMeenan #TechSEOBoost
A/B Testing

29. Patrick Meenan | @PatMeenan #TechSEOBoost
Tag Managers

30. Patrick Meenan | @PatMeenan #TechSEOBoost

31. Patrick Meenan | @PatMeenan #TechSEOBoost

32. Patrick Meenan | @PatMeenan #TechSEOBoost