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