Marrying CDNs with Front-End Optimization

Marrying CDNs with Front-End Optimization
for Maximum Acceleration

Joshua Bixby
2012 Content Delivery Summit

Agenda

Why speed matters
Brief history of time saving
Case studies
FEO in the CDN
Key areas of integration
Market growth

© 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 2

Speed = Value
“250ms is close to the magic number now for competitive advantage on the Web.”
Harry Shum, Microsoft

INCREASED REVENUES INCREASED PRODUCTIVITY

 10% increase in revenue
(for every 1s of  2% increase in
improvement) productivity

(by improving page load  100% increase in
speed from 6s to 1.2s) productivity (when
application sped up by 2.7s)
(for every 2s of improvement)
 Fewer errors, a faster
 50% more page views for engineering cycle &
fastest visitors enhanced data integrity
(relative to slowest)

 9% more traffic  25% increase in
(for every 400 ms of productivity
improvement)


Brief history of time saving

1993 1995 1996 1998 1999 2000 2002 2003 2004 2006 2007 2008 2009 2010 2011

Infrastructure Delivery Transformation


Delivery vs Transformation
Original Delivery Transformation (FEO)

9.5 seconds 5.7 seconds 2.1 seconds
63 roundtrips 63 roundtrips 9 roundtrips


Case study: FEO in action


Before: Performance summary


Waterfall
First View Repeat View


Before: Performance snapshot


Step 1: Turn on compression and keep alives

~17.8 sec ~10.5 sec


How did we do?
Original

+KA+Comp

Improvement
First View 52% 40% 34%


Step 2: Implement a CDN
Problem: Time to first byte


Before and after

~10.5 sec ~8.3 sec


TTFB savings

Per object TTFB savings
of ~50%


Before and after CDN: Video

http://youtu.be/BR5hO5rL8lE


We can do better

Still too many roundtrips

Still too many bytes

Not fast enough!


Step 3: Adding FEO

Reduce roundtrips
Combine images
Combine JavaScript
Combine CSS
Re-order requests
Reduce payload even more
Minify CSS and JavaScript
Add image compression
Increase concurrency
Add a couple of domains to the mix


How did we do?
+CDN

81

+FEO

11

Improvement
First View 19% 54% 45%

Seconds Gained 0.5 sec 4.6 sec


Before and after: The final, fastest version

http://youtu.be/IPn0T1UacIA


The proof is in the numbers


“There’s no single magic bullet for making pages faster.”

Adding FEO
to CDN/DSA
resulted in
~45% faster
page load
across all
browsers


FEO in the CDN


FEO lineage

Real-time FEO
One page at a time
No 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)


FEO in the CDN


Key areas of integration


Measurement

This IS NOT where
your user is. STOP
testing from here!


Mobile


High growth

Rapid adoption 5 of top 10 internet retailers have an automated
FEO strategy and plan to implement it in 2012.

Speed FEO-accelerated sites are 30-50% faster.

200+ top sites have been running automated FEO
Stability
for 2+ years.

CDNs are increasing their MRR with customers
High margin by 40-50% on top of existing acceleration solutions
like DSA.

Rapid innovation Significant innovation in mobile and desktop
acceleration is coming in 2012.


Marrying CDNs with Front-End Optimization

More Related Content

Viewers also liked

Similar to Marrying CDNs with Front-End Optimization

Recently uploaded

Marrying CDNs with Front-End Optimization

Editor's Notes