content delivery summit 2012: marrying cdns with feo for maximum acceleration
Post on 05-Apr-2018
220 Views
Preview:
TRANSCRIPT
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
1/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 1
Marrying CDNs with Front-End Optimizationfor Maximum Acceleration
Joshua Bixby
2012 Content Delivery Summit
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
2/31
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
3/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 3
Speed = Value
250ms is close tothe magic numbernow for competitive
advantage on theWeb.
Harry Shum, Microsoft
INCREASED REVENUES
n 10% increase in revenue(for every 1s of improvement)
n 12% increase in revenue(by improving page load speedfrom 6s to 1.2s)
n 5% increase in revenue(for every 2s of improvement)
n 50% more page views for
fastest visitors(relative to slowest)
n 9% more traffic(for every 400 ms ofimprovement)
INCREASED PRODUCTIVITY
n 2% increase in productivity
n 100% increase in productivity(when application sped up by2.7s)
n Fewer errors, a fasterengineering cycle & enhanced
data integrity
n 25% increase in productivity
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
4/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4
Brief history of time saving
1993 20021999 20062000 200719961995 1998 20042003 20092008 2010 2011
Infrastructure Delivery Transformation
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
5/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 5
Delivery vs Transformation
Original Delivery Transformation (FEO)
9.5 seconds63 roundtrips
5.7 seconds63 roundtrips
2.1 seconds9 roundtrips
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
6/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 6
Case study: FEO in action
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
7/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 7
Before: Performance summary
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
8/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 8
WaterfallFirst View Repeat View
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
9/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 9
Before: Performance snapshot
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
10/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 10
Step 1: Turn on compression and keep alives
~17.8 sec ~10.5 sec
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
11/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 11
How did we do?
Original
+KA+Comp
First View
52% 34%40%
Improvement
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
12/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 12
Step 2: Implement a CDN
Problem: Time to first byte
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
13/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 13
Before and after
~10.5 sec ~8.3 sec
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
14/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 14
TTFB savings
Per object TTFB savingsof ~50%
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
15/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 15
Before and after CDN: Video
http://youtu.be/BR5hO5rL8lE
http://youtu.be/BR5hO5rL8lEhttp://youtu.be/BR5hO5rL8lE -
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
16/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 16
We can do better
Still too many roundtrips
Not fast enough!
Still too many bytes
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
17/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 17
Step 3: Adding FEO
Reduce roundtripsCombine images
Combine JavaScript
Combine CSS
Re-order requests
Reduce payload even more
Minify CSS and JavaScriptAdd image compression
Increase concurrency
Add a couple of domains to the mix
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
18/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 18
How did we do?
+CDN
+FEO
First View 19% 54%Improvement
0.5 sec 4.6 sec
45%
Seconds Gained
81
11
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
19/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 19
Before and after: The final, fastest version
http://youtu.be/IPn0T1UacIA
http://youtu.be/IPn0T1UacIAhttp://youtu.be/IPn0T1UacIA -
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
20/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 20
The proof is in the numbers
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
21/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 21
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
22/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 22
Theres no single magic bullet for making pages faster.
Adding FEOto CDN/DSAresulted in
~45% fasterpage loadacross allbrowsers
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
23/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 23
FEO in the CDN
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
24/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 24
FEO lineage
Real-time FEO
One page at a timeNo offline process
(e.g., Pagespeed, Aptimize)
Real-time FEO with advanced learning
Offline learning engine to enhance the real-time engine
(e.g., Strangeloop, Blaze.io)
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
25/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 25
FEO in the CDN
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
26/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 26
FEO in the CDN
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
27/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 27
Key areas of integration
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
28/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 28
Measurement
This IS NOT whereyour user is. STOPtesting from here!
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
29/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 29
Mobile
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
30/31
2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 30
High growth
FEO-accelerated sites are 30-50% faster.
5 of top 10 internet retailers have an automatedFEO strategy and plan to implement it in 2012.
CDNs are increasing their MRR with customersby 40-50% on top of existing acceleration solutionslike DSA.
200+ top sites have been running automated FEOfor 2+ years.
Significant innovation in mobile and desktopacceleration is coming in 2012.
Rapid adoption
Speed
Stability
High margin
Rapid innovation
-
7/31/2019 Content Delivery Summit 2012: Marrying CDNs with FEO for maximum acceleration
31/31
2012 Strangeloop Networks Strangeloop Faster Websites Automatically 31 2011 Strangeloop Networks Strangeloop Faster Websites Automatically 31
top related