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
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