TechSEO Boost 2017: Making the Web Fast

Patrick Meenan | @PatMeenan #TechSEOBoost

For everyone, all the time

Making the Web Fast


https://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/


https://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/


https://speedcurve.com


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


https://wpostats.com/


(Conversion Rate) x (Visitors) = Converted Sessions

CPACPC


How Fast Is It?

https://www.flickr.com/photos/anxiousnut/5389243033/


How Fast Is It?

https://www.flickr.com/photos/anxiousnut/5389243033/

First Meaningful Paint


Speed Index (weighted average)

https://developers.google.com/web/updates/2017/06/user-centric-performance-metrics


First Paint/

Start Render

(8.7s)

First Meaningful

Paint

(9.8s)

First Contentful

Paint

(9.1s)

Time To Interactive

(48s)


Time To Interactive

(49s)First Interactive

(10.7s)




https://www.flickr.com/photos/wwarby/3296379139/

Measuring Performance



Synthetic or and RUM

Synthetic

• Stable

• More detailed measurements

• Requires “representative” configuration

Real User Measurement

• Actual Performance

• Highly variable

• Limited competitive analysis


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/


0%

5%

10%

15%

20%

25%

First Contentful Paint (milliseconds)

Amazon.com Walmart


0%

5%

10%

15%

20%

25%

First Contentful Paint (milliseconds)

Amazon.com Amazon Japan Amazon India


https://www.webpagetest.org/easy


https://www.flickr.com/photos/the-seo-company/8114460868/


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


HTTP/2


Connection Sharding

static1.example.com

static2.example.com

…

https://codeascraft.com/2014/02/19/reducing-domain-sharding/


Cookieless domain for static resources


Repeat Offenders

https://www.flickr.com/photos/marineperez/4698707308/


A/B Testing


Tag Managers




Marketing

TechSEO Boost 2017: Making the Web Fast