SlideShare une entreprise Scribd logo
1  sur  31
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

                                  12% increase in revenue
                                  (by improving page load                                                   100% increase in
                                  speed from 6s to 1.2s)                                                     productivity (when
                                                                                                             application sped up by 2.7s)
                                  5% increase in revenue
                                  (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)




© 2012 Strangeloop Networks                        Strangeloop. Faster Websites. Automatically.                                        3
Brief history of time saving




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

        Infrastructure                                       Delivery                                            Transformation




       © 2012 Strangeloop Networks                  Strangeloop. Faster Websites. Automatically.                                    4
Delivery vs Transformation
                      Original                                      Delivery         Transformation (FEO)




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


© 2012 Strangeloop Networks           Strangeloop. Faster Websites. Automatically.                          5
Case study: FEO in action




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   6
Before: Performance summary




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   7
Waterfall
                              First View                                              Repeat View




© 2012 Strangeloop Networks                Strangeloop. Faster Websites. Automatically.             8
Before: Performance snapshot




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   9
Step 1: Turn on compression and keep alives




                     ~17.8 sec                                                  ~10.5 sec




© 2012 Strangeloop Networks      Strangeloop. Faster Websites. Automatically.               10
How did we do?
     Original




    +KA+Comp




    Improvement
    First View                52%             40%                         34%




© 2012 Strangeloop Networks     Strangeloop. Faster Websites. Automatically.    11
Step 2: Implement a CDN
        Problem: Time to first byte




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   12
Before and after




                       ~10.5 sec                                                  ~8.3 sec




© 2012 Strangeloop Networks        Strangeloop. Faster Websites. Automatically.              13
TTFB savings




                              Per object TTFB savings
                                      of ~50%




© 2012 Strangeloop Networks      Strangeloop. Faster Websites. Automatically.   14
Before and after CDN: Video




                              http://youtu.be/BR5hO5rL8lE




© 2012 Strangeloop Networks            Strangeloop. Faster Websites. Automatically.   15
We can do better

                                     Still too many roundtrips




                                                          Still too many bytes



                              Not fast enough!


© 2012 Strangeloop Networks        Strangeloop. Faster Websites. Automatically.   16
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




© 2012 Strangeloop Networks      Strangeloop. Faster Websites. Automatically.   17
How did we do?
     +CDN

                                                               81




     +FEO

                                                               11




  Improvement
    First View                19%             54%                         45%

    Seconds Gained            0.5 sec       4.6 sec




© 2012 Strangeloop Networks     Strangeloop. Faster Websites. Automatically.    18
Before and after: The final, fastest version




                              http://youtu.be/IPn0T1UacIA




© 2012 Strangeloop Networks           Strangeloop. Faster Websites. Automatically.   19
The proof is in the numbers




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   20
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   21
“There’s no single magic bullet for making pages faster.”

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




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   22
FEO in the CDN




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   23
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)




© 2012 Strangeloop Networks        Strangeloop. Faster Websites. Automatically.   24
FEO in the CDN




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   25
FEO in the CDN




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   26
Key areas of integration




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   27
Measurement

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




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   28
Mobile




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   29
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.




© 2012 Strangeloop Networks      Strangeloop. Faster Websites. Automatically.       30
© 2012 Strangeloop Networks
  2011                        Strangeloop. Faster Websites. Automatically.   31

Contenu connexe

En vedette

Front end optimization
Front end optimizationFront end optimization
Front end optimization
Abhishek Anand
 

En vedette (14)

Tuning the Kernel for Varnish Cache
Tuning the Kernel for Varnish CacheTuning the Kernel for Varnish Cache
Tuning the Kernel for Varnish Cache
 
Selecting and deploying automated optimization solutions
Selecting and deploying automated optimization solutionsSelecting and deploying automated optimization solutions
Selecting and deploying automated optimization solutions
 
Front end performance optimization
Front end performance optimizationFront end performance optimization
Front end performance optimization
 
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...
 
Front end optimization
Front end optimizationFront end optimization
Front end optimization
 
Front-End Optimization (FEO)
Front-End Optimization (FEO)Front-End Optimization (FEO)
Front-End Optimization (FEO)
 
Front-End Performance Optimization in WordPress
Front-End Performance Optimization in WordPressFront-End Performance Optimization in WordPress
Front-End Performance Optimization in WordPress
 
Heavy Web Optimization: Frontend
Heavy Web Optimization: FrontendHeavy Web Optimization: Frontend
Heavy Web Optimization: Frontend
 
[AWS에서의 미디어 및 엔터테인먼트] 클라우드에서의 브로드캐스팅 서비스
[AWS에서의 미디어 및 엔터테인먼트] 클라우드에서의 브로드캐스팅 서비스[AWS에서의 미디어 및 엔터테인먼트] 클라우드에서의 브로드캐스팅 서비스
[AWS에서의 미디어 및 엔터테인먼트] 클라우드에서의 브로드캐스팅 서비스
 
OTT Distribution (Over The Top)
OTT Distribution (Over The Top)OTT Distribution (Over The Top)
OTT Distribution (Over The Top)
 
The TV Everywhere Ecosystem and how OTT Video Redefining the Landscape
The TV Everywhere Ecosystem and how OTT Video Redefining the LandscapeThe TV Everywhere Ecosystem and how OTT Video Redefining the Landscape
The TV Everywhere Ecosystem and how OTT Video Redefining the Landscape
 
Varnishes
VarnishesVarnishes
Varnishes
 
Media Workloads on AWS
Media Workloads on AWSMedia Workloads on AWS
Media Workloads on AWS
 
Image processing ppt
Image processing pptImage processing ppt
Image processing ppt
 

Similaire à Marrying CDNs with Front-End Optimization

Real Life WebSocket Case Studies and Demos
Real Life WebSocket Case Studies and DemosReal Life WebSocket Case Studies and Demos
Real Life WebSocket Case Studies and Demos
Peter Moskovits
 
Magento performancenbs
Magento performancenbsMagento performancenbs
Magento performancenbs
varien
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Katie Sylor-Miller
 
Best practices to optimize commerce site performance [webinar slides]
Best practices to optimize commerce site performance [webinar slides]Best practices to optimize commerce site performance [webinar slides]
Best practices to optimize commerce site performance [webinar slides]
Yottaa
 

Similaire à Marrying CDNs with Front-End Optimization (20)

Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...
Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...
Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...
 
Akamai 如何幫您的客戶用網站賺錢 how to monetize your site
Akamai 如何幫您的客戶用網站賺錢 how to monetize your siteAkamai 如何幫您的客戶用網站賺錢 how to monetize your site
Akamai 如何幫您的客戶用網站賺錢 how to monetize your site
 
Performance automation 101 @LDNWebPerf MickMcGuinness
Performance automation 101 @LDNWebPerf MickMcGuinnessPerformance automation 101 @LDNWebPerf MickMcGuinness
Performance automation 101 @LDNWebPerf MickMcGuinness
 
eCommerce performance, what is it costing you and what can you do about it?
eCommerce performance, what is it costing you and what can you do about it?eCommerce performance, what is it costing you and what can you do about it?
eCommerce performance, what is it costing you and what can you do about it?
 
Real Life WebSocket Case Studies and Demos
Real Life WebSocket Case Studies and DemosReal Life WebSocket Case Studies and Demos
Real Life WebSocket Case Studies and Demos
 
Web Performance & Latest in React
Web Performance & Latest in ReactWeb Performance & Latest in React
Web Performance & Latest in React
 
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...
 
Magento performancenbs
Magento performancenbsMagento performancenbs
Magento performancenbs
 
HTML5 WebSocket Introduction
HTML5 WebSocket IntroductionHTML5 WebSocket Introduction
HTML5 WebSocket Introduction
 
Rail Performance in the Cloud - Opening
Rail Performance in the Cloud - OpeningRail Performance in the Cloud - Opening
Rail Performance in the Cloud - Opening
 
Performance Implications of Mobile Design (Perf Audience Edition)
Performance Implications of Mobile Design (Perf Audience Edition)Performance Implications of Mobile Design (Perf Audience Edition)
Performance Implications of Mobile Design (Perf Audience Edition)
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
 
Best practices to optimize commerce site performance [webinar slides]
Best practices to optimize commerce site performance [webinar slides]Best practices to optimize commerce site performance [webinar slides]
Best practices to optimize commerce site performance [webinar slides]
 
Jon Arne Sæterås - Give Responsive Design a mobile performance boost
Jon Arne Sæterås - Give Responsive Design a mobile performance boost Jon Arne Sæterås - Give Responsive Design a mobile performance boost
Jon Arne Sæterås - Give Responsive Design a mobile performance boost
 
Antonio piraino v1
Antonio piraino v1Antonio piraino v1
Antonio piraino v1
 
Profilling client performance
Profilling client performanceProfilling client performance
Profilling client performance
 
Drupal CDN integration: easier, more flexible and faster!
Drupal CDN integration: easier, more flexible and faster!Drupal CDN integration: easier, more flexible and faster!
Drupal CDN integration: easier, more flexible and faster!
 
Equinix webinar (cotendo) final dec 8
Equinix webinar (cotendo) final dec 8Equinix webinar (cotendo) final dec 8
Equinix webinar (cotendo) final dec 8
 
Improving frontend performance
Improving frontend performanceImproving frontend performance
Improving frontend performance
 
Front End Optimization [Cloud Connect 2012]
Front End Optimization [Cloud Connect 2012]Front End Optimization [Cloud Connect 2012]
Front End Optimization [Cloud Connect 2012]
 

Dernier

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Dernier (20)

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 

Marrying CDNs with Front-End Optimization

  • 1. Marrying CDNs with Front-End Optimization for Maximum Acceleration Joshua Bixby 2012 Content Delivery Summit
  • 2. 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
  • 3. 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  12% increase in revenue (by improving page load  100% increase in speed from 6s to 1.2s) productivity (when application sped up by 2.7s)  5% increase in revenue (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) © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 3
  • 4. Brief history of time saving 1993 1995 1996 1998 1999 2000 2002 2003 2004 2006 2007 2008 2009 2010 2011 Infrastructure Delivery Transformation © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4
  • 5. Delivery vs Transformation Original Delivery Transformation (FEO) 9.5 seconds 5.7 seconds 2.1 seconds 63 roundtrips 63 roundtrips 9 roundtrips © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 5
  • 6. Case study: FEO in action © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 6
  • 7. Before: Performance summary © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 7
  • 8. Waterfall First View Repeat View © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 8
  • 9. Before: Performance snapshot © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 9
  • 10. Step 1: Turn on compression and keep alives ~17.8 sec ~10.5 sec © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 10
  • 11. How did we do? Original +KA+Comp Improvement First View 52% 40% 34% © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 11
  • 12. Step 2: Implement a CDN Problem: Time to first byte © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 12
  • 13. Before and after ~10.5 sec ~8.3 sec © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 13
  • 14. TTFB savings Per object TTFB savings of ~50% © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 14
  • 15. Before and after CDN: Video http://youtu.be/BR5hO5rL8lE © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 15
  • 16. We can do better Still too many roundtrips Still too many bytes Not fast enough! © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 16
  • 17. 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 © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 17
  • 18. How did we do? +CDN 81 +FEO 11 Improvement First View 19% 54% 45% Seconds Gained 0.5 sec 4.6 sec © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 18
  • 19. Before and after: The final, fastest version http://youtu.be/IPn0T1UacIA © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 19
  • 20. The proof is in the numbers © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 20
  • 21. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 21
  • 22. “There’s no single magic bullet for making pages faster.” Adding FEO to CDN/DSA resulted in ~45% faster page load across all browsers © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 22
  • 23. FEO in the CDN © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 23
  • 24. 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) © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 24
  • 25. FEO in the CDN © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 25
  • 26. FEO in the CDN © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 26
  • 27. Key areas of integration © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 27
  • 28. Measurement This IS NOT where your user is. STOP testing from here! © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 28
  • 29. Mobile © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 29
  • 30. 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. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 30
  • 31. © 2012 Strangeloop Networks 2011 Strangeloop. Faster Websites. Automatically. 31

Notes de l'éditeur

  1. Organizations that recognize the need to take their website’s performance to the next level need to change their basic assumption about acceleration. This change is not a 180-degree turn, however – it’s an evolutionary change. Delivery-based solutions such as CDNs and network devices still form a solid foundation for a total acceleration solution. Transformation-based solutions complement this foundation.Delivery: “I will deliver what the server gives me as efficiently as possible to the browser.”Transformation: “I will transform what the server gives me, and optimize it for the user’s browser.”
  2. Here we see three waterfall graphs showing how web page objects are delivered from the server to the browser.OriginalThis is an unaccelerated site, with 63 objects making 63 roundtrips between server and browser. The total page load time is 9.5 seconds.DeliveryThis graph shows how a delivery solution – comprised of a content delivery network (CDN) and an application delivery controller (ADC) – shortened these roundtrips by bringing content closer to the user’s browser. There were still 63 roundtrips, but the total page load time was 5.7 seconds.TransformationThis graph shows how Strangeloop worked in conjunction with the CDN and ADC to not just shorten the roundtrips, but reduce the number of roundtrips required – from 63 to just 9. The result: The same page loads in just 2.1 seconds. It is important to remember that 2 seconds is the goal that every site should be aiming for, based on current user expectations. It’s also worth remembering that only one company out of the Fortune 500 actually meets this standard.
  3. We’ll use it to describe where performance pain points are, but that doesn’t mean the page actually has these problems
  4. Despite already using a CDN, AutoAnything knew they could be even faster. The site’s home page took up to 10 seconds to load.Biggest problem was page bloat: too many objects.Strangeloop FEO cut their average page load in half.
  5. Twitter @joshuabixby