exceptional page speed optimizations from google and cloudflare

Download Exceptional page speed optimizations from Google and CloudFlare

If you can't read please download the document

Post on 15-Apr-2017

7.351 views

Category:

Software

0 download

Embed Size (px)

TRANSCRIPT

In collaboration with:

Presented by:Ilya Grigorik, Web Performance Engineer GoogleSuzanne Aldrich, Solutions Engineer CloudFlareExceptional page speed optimizations from CloudFlare and Google

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne Aldrich

Ilya GrigorikWeb Performance Engineer GoogleSuzanne Aldrich Solutions Engineer CloudFlare

In collaboration with:

SA

In collaboration with:

SA

In collaboration with:

In collaboration with:

https://www.udacity.com/course/website-performance-optimization--ud884 https://developers.google.com/web/fundamentals/performance/critical-rendering-path/

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne AldrichOptimize Content Efficiency!

Text, fonts, images all the things.

SA

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne AldrichImage QuantityVector vs. RasterFormatMetadataCompressionScalingAutomated Optimization

SA

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne Aldrich

Compress text contentCompress fontsMinify resourcesCache the assetsCache-ControlETag for revalidation

IG

In collaboration with:

IG

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne Aldrich

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne Aldrich

Concatenation...

SA

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne Aldrich

SA

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne Aldrich

SA

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne Aldrich

IG

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne Aldrich

Inlining vs Server Push

SA

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne AldrichMultiple Link headersLink: ; rel=preload; as=script

Multiple assets per Link headerLink: ; rel=preload; as=style,; rel=preload; as=image,; rel=preload; as=script

SA

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne AldrichReduce your distance (use a CDN!)

"Forrester showing that 47% of users expect pages to load in two seconds or less. - http://cfl.re/conversup

SA

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne Aldrich

IG

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne AldrichTools/Resources

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne Aldrichhpbn.co/http2bit.ly/http2-optIsthewebhttp2yet.comcloudflare.com/http2istlsfastyet.comTools/ResourcesCritical Rendering Path @ UdacityWeb Fundamentals

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne AldrichQ & A

In collaboration with:

Exceptional page speed optimizations from CloudFlare and GoogleIlya Grigorik & Suzanne Aldrich

Ilya Grigorik@igrigorikSuzanne Aldrich @SuzanneAldrich