SlideShare una empresa de Scribd logo
1 de 21
© 2013 Yottaa, Inc. All Rights Reserved.www.yottaa.com
Yottaa, Inc.
160 Federal Street
Boston, MA 02110
September 25, 2013
Yottaa: Accelerate Mobile
and Web Businesses
Ensure A Great Online Experience for Any Business, On Any Device, Any
Browser, Anywhere
Introduction to Yottaa
2
Yottaa - Mobile and Web Experience Acceleration:
Ensure A Great Online Experience for Any Business, Any Device, Anywhere
Yottaa powers $1.4B/year online business for
PCMall (NASDAQ: PCM), an E-commerce
leader that selected Yottaa after an extensive
evaluation
A global giant in chemical and healthcare,
uses Yottaa to power many of its global
brands
UK government uses Yottaa to optimize and
protect its website and mobile experiences
Business Impact of Performance
Source:
4.3%in REVENUE
2seconds
slower
Pages that were…
DROP
Source:
2.2seconds
improvement in
landing page speed
INCREASED
DOWNLOADS
15.4%
by
60% faster
INCREASED
DONATION
CONVERSION
Making
Barack
Obama’s
website
14%Source: Barack Obama website
Source:
1
second
delay
causes an
11%in PAGE VIEWS
1
second
delay
causes a
7%in CONVERSIONS
1
second
delay
causes a
16%in CUSTOMER
SATISFACTION
DROP DROP DROP
Growth of Webpage Footprint and Number
of Requests (1995 to 2012)
(Sources: Demenech 2007, Gomez 2008, Charzinski 2010, Souders 2012)
The Paradigm Has Shifted…
5
Ajax/HTML5
becomes
mainstream
Explosive Growth of
Browsers and Devices
Now (2010+)
Then
(2000-2007)
Yottaa Intelligently Sequences App Delivery
Sources: Yahoo Exceptional Performance, Google 2012, Yottaa/HubSpot Study
Geo
latency:
2-3 sec
TCP latency:
1 sec
Back-end
latency
Page content:
1-2sec
Page request
chattiness
Geo latency:
1-2 sec
TCP latency:
1 sec
Back-end
latency
Page
content:
1-2sec
Page request
chattiness
Back-end
latency
Geo
latency:
3-5 sec
TCP latency:
1-2 sec
Page
content:
4-6 sec
Page request
chattiness
2-3 sec
MidmileLastmileBrowser
Then (1998-2010) Now (2012 and Beyond)
Optimize: transform web
content for browsers, devices
and CDNs
Back-end
latency
Geographic
latency:
3-6 sec
TCP latency:
1-2 sec
Page content:
1-2sec
Page request
chattiness
MidmileLastmileBrowser
Back-end
latency
Geo
latency:
2-3 sec
TCP latency:
1-2 sec
Page content:
1-2sec
Page request
chattiness
DSA: Tune TCP/IP
to accelerate dynamic
content
Delivery: CDNs such as Akamai Transformation: Yottaa
CDN: Cache static
content to reduce
delivery latency
Avg page size: 90KB
Request/page: 20
Domains/page: 1
Page load time: 7.5 sec
Avg page size: 1MB+
Request/page: 100+
Domains/page: 14
Page load time: 6.8 sec, 10.2sec (m)
Rewrite
content
Reduce
requests
Federate
CDN
InstantON
Reduce Web Application Payload
• Larger sites take longer to load
• Modern web components add weight
– Fonts
– Images
– Audio
– Video
8
0
1000
2000
3000
4000
5000
6000
7000
8000
9000
< 300 KB 300-600 KB 600-900 KB 900-1200 KB 1200-1500 KB 1500-1800 KB
Load Time by Page Weight
Base resolution
(300 x 200 px)
Retina/HD resolution
(600 x 400 px)
Jpg compression 80 / 21 kb Jpg compression 31 / 16 kb (75% of base)
Page Weight vs. User Experience
Image Resolution: Can you spot the difference?
9
What is Minification?
Popular sites gain 10% - 30%
performance by minifying
code
10
Standard Code
<p>Lorem ipsum dolor sit amet.</p><ul><li><a href="#"></a></li><li><a
href="#"></a></li></ul>
Minified, Optimized Code
Case Study
Challenge: 1.4 MB page, heaviest 20%
Goal: Increase traffic & conversions, incl. mobile
Solution: Reduce Payload & Requests 41%
Results: 53% faster loads, increased traffic 100%
“With Yottaa turned on, the Big Train site just flies on
mobile devices.” Jim Wendt, eCommerce Marketing
Manager
11
Read more: http://bit.ly/18rHt1N
Reduce Asset Requests
• Combine files and control sprawl
• Modern web applications rely upon 3rd parties
– Tracking Tags
– Fonts
– Images
– Audio
– Video
12
0
2000
4000
6000
8000
10000
12000
14000
< 10 10-20 21-30 31-40 41-50 > 50
Load Time by JavaScript Request Count
How Can You Reduce Requests?
• Minimize DNS lookups
• Minimize redirects
• Combine external JavaScript
• Combine external CSS
• Combine images using CSS sprites
• Optimize the order of styles and scripts
• Avoid document.write
• Avoid CSS @import
• Prefer asynchronous resources
• Parallelize downloads across hostnames
13
CSS Sprites and Calling Images
Include multiple images in a page using only a single
HTTP request with no JavaScript
14
Example Sprite w/Reference Grid Mobile Benchmark: DataURI vs. Sprite
Making Due: CDN, ADN and FEO
Client
Web
Server
Server page
Processing
World Wide Web
1. Client requests
a dynamic page
2. Server returns
the Dynamic
page
Page
Rendering and
Processing
InstantON™: A Breakthrough Innovation
Yottaa InstantON™ accelerates dynamic applications
in ways never possible before:
Client
Web
Server
Network
2b. Yottaa requests
the page from the
web server
2a. Yottaa immediately
returns a partial page
from its cache
1. Client requests a
dynamic page
3a. Server returns
a new page3b. Returns page delta and
client processing
instructions
Page
Rendering and
Processing
Server page
Processing
Page
Processing
Partial
Page
Delivery
Page
Delta
E-Commerce Case Study
17
$1.4B e-commerce company (NASDAQ:
PCM), selected Yottaa after an extensive
evaluation of many vendors
OnSale.com (with Akamai) OnSale.com (with Yottaa)
35%
Loads
Faster by:
62%
Accelerates
Start Render by:
Reduces
Requests by:
80%
Offloads
Server Load by:With Yottaa:
WWW.ONSALE.COM
68%
Real-world Example
18
Challenge: Slow 3rd party content loading
Goal: Improve user experience, site speed
Solution: Sequence social content rendering
Results: 53% faster loadResults: 53% faster load
Real-world Example
19
Challenge: Slow page rendering impacts conversions
Goal: Improve page load time, engage more users
Solution: Optimize images, sequence content
Results: 4x faster load!Results: 4X faster load
Yottaa’s Unique Application Sequencing
Intelligent application optimization & delivery takes
your site further than simple CDN acceleration
• Server Side Optimizations
– InstantONTM technology accelerates page rendering
– Dynamically sequences static and dynamic content delivery
• Middle Mile Optimizations
– Hybrid, federated CDN
– Integrate with existing CDN solution or migrate fully to Yottaa
• Last Mile Optimizations
– Reduce payload and requests, parallelize processing for all content
– Dynamic compression and responsive image support
• Browser & Device Optimizations
– RapidTagTM display sequencer renders above-the-fold content instantly
– Transformer technology modifies page content for optimal rendering
21
Presence Intelligence™ Technology
End-to-End
Optimization
Infrastructure
Awareness
Geographic
Presence
Last Mile
Network Presence
Device & Browser
Presence
Data Center Middle Mile Last Mile Front End
In-page
Visibility
User Interactivity
Application Streaming
InstantON™
Transformer
Responsive Image
RapidTag
Display Sequencer
CDN Federation
IP Anycast
DNS & Edge
Federated Delivery
(Real-time CDN Balancing)
Autoprovisioning
& Management
Cloud Firewall
Traffic Analytics
DDOS
Protection
Origin Shield
Front End Optimization
Reduce Requests
Reduce Payload
Increase Parallel Processing
Deep Insight
Real Browser
Monitoring
Mobile
Monitoring
Key Pages &
Transactions
CMS Platform
Integration
eCommerce
Platform
Integration
In Summary
• Rule of thumb: Less is more
• Take a measured approach
– Plan
– Develop
– Test
– Prioritize
– Optimize
– Iterate
24
yottaa.com/sign-up-for-a-11-discussion-of-yottaa
25

Más contenido relacionado

Similar a Yottaa State of Web Performance Optimization Group Webinar

Health 2.0 Europe - Akamai Deep Dive
Health 2.0 Europe - Akamai Deep DiveHealth 2.0 Europe - Akamai Deep Dive
Health 2.0 Europe - Akamai Deep Dive
Health 2.0
 
MeasureWorks - Emerece eTravel - 7 performance concerns for marketers
MeasureWorks - Emerece eTravel -  7 performance concerns for marketersMeasureWorks - Emerece eTravel -  7 performance concerns for marketers
MeasureWorks - Emerece eTravel - 7 performance concerns for marketers
MeasureWorks
 
Beyond CDNs: How to Harness the Next Phase of Innovation in Web Performance
Beyond CDNs: How to Harness the Next Phase of Innovation in Web PerformanceBeyond CDNs: How to Harness the Next Phase of Innovation in Web Performance
Beyond CDNs: How to Harness the Next Phase of Innovation in Web Performance
Yottaa
 
Yottaa website-performance-services-overview-hostingcon-2011-
Yottaa website-performance-services-overview-hostingcon-2011-Yottaa website-performance-services-overview-hostingcon-2011-
Yottaa website-performance-services-overview-hostingcon-2011-
Yottaa
 

Similar a Yottaa State of Web Performance Optimization Group Webinar (20)

Health 2.0 Europe - Akamai Deep Dive
Health 2.0 Europe - Akamai Deep DiveHealth 2.0 Europe - Akamai Deep Dive
Health 2.0 Europe - Akamai Deep Dive
 
How slow load times hurt UX (and what you can do about it) [FluentConf 2016]
How slow load times hurt UX (and what you can do about it) [FluentConf 2016]How slow load times hurt UX (and what you can do about it) [FluentConf 2016]
How slow load times hurt UX (and what you can do about it) [FluentConf 2016]
 
MeasureWorks - Emerece eTravel - 7 performance concerns for marketers
MeasureWorks - Emerece eTravel -  7 performance concerns for marketersMeasureWorks - Emerece eTravel -  7 performance concerns for marketers
MeasureWorks - Emerece eTravel - 7 performance concerns for marketers
 
GlobalDots - How Website Speed Affects Conversion Rates
GlobalDots - How Website Speed Affects Conversion RatesGlobalDots - How Website Speed Affects Conversion Rates
GlobalDots - How Website Speed Affects Conversion Rates
 
Mobile Optimization Tips from Yottaa - MEGMeetup #1
Mobile Optimization Tips from Yottaa - MEGMeetup #1Mobile Optimization Tips from Yottaa - MEGMeetup #1
Mobile Optimization Tips from Yottaa - MEGMeetup #1
 
Beyond CDNs: How to Harness the Next Phase of Innovation in Web Performance
Beyond CDNs: How to Harness the Next Phase of Innovation in Web PerformanceBeyond CDNs: How to Harness the Next Phase of Innovation in Web Performance
Beyond CDNs: How to Harness the Next Phase of Innovation in Web Performance
 
Internet 2020: The Future Connection
Internet 2020: The Future ConnectionInternet 2020: The Future Connection
Internet 2020: The Future Connection
 
Core Web Vitals - Why You Need to Pay Attention
Core Web Vitals - Why You Need to Pay AttentionCore Web Vitals - Why You Need to Pay Attention
Core Web Vitals - Why You Need to Pay Attention
 
Its timetostopstalling cambridgemot
Its timetostopstalling cambridgemotIts timetostopstalling cambridgemot
Its timetostopstalling cambridgemot
 
Webinar #5: Mobile indsigter og trends ft. Google
Webinar #5: Mobile indsigter og trends ft. Google Webinar #5: Mobile indsigter og trends ft. Google
Webinar #5: Mobile indsigter og trends ft. Google
 
Mobile era fastandbeautiful
Mobile era fastandbeautifulMobile era fastandbeautiful
Mobile era fastandbeautiful
 
Its timetostopstalling androidcork
Its timetostopstalling androidcorkIts timetostopstalling androidcork
Its timetostopstalling androidcork
 
How BiggerPockets runs experiments faster with performance edge
How BiggerPockets runs experiments faster with performance edgeHow BiggerPockets runs experiments faster with performance edge
How BiggerPockets runs experiments faster with performance edge
 
Devoxx be fast and beautiful images
Devoxx be fast and beautiful imagesDevoxx be fast and beautiful images
Devoxx be fast and beautiful images
 
Accelerating eCommerce Experiences
Accelerating eCommerce ExperiencesAccelerating eCommerce Experiences
Accelerating eCommerce Experiences
 
Its timetostopstalling londroid
Its timetostopstalling londroidIts timetostopstalling londroid
Its timetostopstalling londroid
 
How to Boost Your SEO With Mobile Performance Optimization
How to Boost Your SEO With Mobile Performance OptimizationHow to Boost Your SEO With Mobile Performance Optimization
How to Boost Your SEO With Mobile Performance Optimization
 
Bordeaux js fastandbeautiful
Bordeaux js fastandbeautifulBordeaux js fastandbeautiful
Bordeaux js fastandbeautiful
 
William toll of yottaa presented every milliseond counts at hosting con 2011
William toll of yottaa presented  every milliseond counts at hosting con 2011William toll of yottaa presented  every milliseond counts at hosting con 2011
William toll of yottaa presented every milliseond counts at hosting con 2011
 
Yottaa website-performance-services-overview-hostingcon-2011-
Yottaa website-performance-services-overview-hostingcon-2011-Yottaa website-performance-services-overview-hostingcon-2011-
Yottaa website-performance-services-overview-hostingcon-2011-
 

Más de Yottaa

Monetizing Mobile: How To Optimize Mobile Engagement and Conversions
Monetizing Mobile: How To Optimize Mobile Engagement and ConversionsMonetizing Mobile: How To Optimize Mobile Engagement and Conversions
Monetizing Mobile: How To Optimize Mobile Engagement and Conversions
Yottaa
 
Image-ine That: Image Optimization for Conversion Maximization
Image-ine That: Image Optimization for Conversion MaximizationImage-ine That: Image Optimization for Conversion Maximization
Image-ine That: Image Optimization for Conversion Maximization
Yottaa
 
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
 
Managing a Website Performance Optimization (WPO) Project
Managing a Website Performance Optimization (WPO) ProjectManaging a Website Performance Optimization (WPO) Project
Managing a Website Performance Optimization (WPO) Project
Yottaa
 
How GoDaddy Brought Down Millions of Sites – and How to Avoid Being a DNS Out...
How GoDaddy Brought Down Millions of Sites – and How to Avoid Being a DNS Out...How GoDaddy Brought Down Millions of Sites – and How to Avoid Being a DNS Out...
How GoDaddy Brought Down Millions of Sites – and How to Avoid Being a DNS Out...
Yottaa
 
An Expert's Guide to Making a Website Slow - Chicago Webmasters Meetup 6/5/2012
An Expert's Guide to Making a Website Slow - Chicago Webmasters Meetup 6/5/2012An Expert's Guide to Making a Website Slow - Chicago Webmasters Meetup 6/5/2012
An Expert's Guide to Making a Website Slow - Chicago Webmasters Meetup 6/5/2012
Yottaa
 
Anti design patterns - an experts guide to making a slow website - yottaa sit...
Anti design patterns - an experts guide to making a slow website - yottaa sit...Anti design patterns - an experts guide to making a slow website - yottaa sit...
Anti design patterns - an experts guide to making a slow website - yottaa sit...
Yottaa
 
Yottaa site speed optimizer presentation at mass innovation nights part of fu...
Yottaa site speed optimizer presentation at mass innovation nights part of fu...Yottaa site speed optimizer presentation at mass innovation nights part of fu...
Yottaa site speed optimizer presentation at mass innovation nights part of fu...
Yottaa
 

Más de Yottaa (15)

2016: The Year to Align Marketing & IT Departments
2016: The Year to Align Marketing & IT Departments2016: The Year to Align Marketing & IT Departments
2016: The Year to Align Marketing & IT Departments
 
Optimizing Website Performance in the Age of Mobile & Social
Optimizing Website Performance in the Age of Mobile & Social Optimizing Website Performance in the Age of Mobile & Social
Optimizing Website Performance in the Age of Mobile & Social
 
NextGen CDNs: Webinar with Dan Rayburn of Frost and Sullivan and Ari Weil of ...
NextGen CDNs: Webinar with Dan Rayburn of Frost and Sullivan and Ari Weil of ...NextGen CDNs: Webinar with Dan Rayburn of Frost and Sullivan and Ari Weil of ...
NextGen CDNs: Webinar with Dan Rayburn of Frost and Sullivan and Ari Weil of ...
 
How to Optimize Your Entire Mobile Experience
How to Optimize Your Entire Mobile ExperienceHow to Optimize Your Entire Mobile Experience
How to Optimize Your Entire Mobile Experience
 
Monetizing Mobile: How To Optimize Mobile Engagement and Conversions
Monetizing Mobile: How To Optimize Mobile Engagement and ConversionsMonetizing Mobile: How To Optimize Mobile Engagement and Conversions
Monetizing Mobile: How To Optimize Mobile Engagement and Conversions
 
Image-ine That: Image Optimization for Conversion Maximization
Image-ine That: Image Optimization for Conversion MaximizationImage-ine That: Image Optimization for Conversion Maximization
Image-ine That: Image Optimization for Conversion Maximization
 
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
 
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]
 
Managing a Website Performance Optimization (WPO) Project
Managing a Website Performance Optimization (WPO) ProjectManaging a Website Performance Optimization (WPO) Project
Managing a Website Performance Optimization (WPO) Project
 
How GoDaddy Brought Down Millions of Sites – and How to Avoid Being a DNS Out...
How GoDaddy Brought Down Millions of Sites – and How to Avoid Being a DNS Out...How GoDaddy Brought Down Millions of Sites – and How to Avoid Being a DNS Out...
How GoDaddy Brought Down Millions of Sites – and How to Avoid Being a DNS Out...
 
An Expert's Guide to Making a Website Slow - Chicago Webmasters Meetup 6/5/2012
An Expert's Guide to Making a Website Slow - Chicago Webmasters Meetup 6/5/2012An Expert's Guide to Making a Website Slow - Chicago Webmasters Meetup 6/5/2012
An Expert's Guide to Making a Website Slow - Chicago Webmasters Meetup 6/5/2012
 
Cdn-Summit-2012-mocospace-and-yottaa
Cdn-Summit-2012-mocospace-and-yottaaCdn-Summit-2012-mocospace-and-yottaa
Cdn-Summit-2012-mocospace-and-yottaa
 
Anti design patterns - an experts guide to making a slow website - yottaa sit...
Anti design patterns - an experts guide to making a slow website - yottaa sit...Anti design patterns - an experts guide to making a slow website - yottaa sit...
Anti design patterns - an experts guide to making a slow website - yottaa sit...
 
Yottaa site speed optimizer presentation at mass innovation nights part of fu...
Yottaa site speed optimizer presentation at mass innovation nights part of fu...Yottaa site speed optimizer presentation at mass innovation nights part of fu...
Yottaa site speed optimizer presentation at mass innovation nights part of fu...
 
Mongodb beijingconf yottaa_3.3
Mongodb beijingconf yottaa_3.3Mongodb beijingconf yottaa_3.3
Mongodb beijingconf yottaa_3.3
 

Último

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Último (20)

MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
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
 
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, ...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
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
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
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
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
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...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
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
 

Yottaa State of Web Performance Optimization Group Webinar

  • 1. © 2013 Yottaa, Inc. All Rights Reserved.www.yottaa.com Yottaa, Inc. 160 Federal Street Boston, MA 02110 September 25, 2013 Yottaa: Accelerate Mobile and Web Businesses Ensure A Great Online Experience for Any Business, On Any Device, Any Browser, Anywhere
  • 2. Introduction to Yottaa 2 Yottaa - Mobile and Web Experience Acceleration: Ensure A Great Online Experience for Any Business, Any Device, Anywhere Yottaa powers $1.4B/year online business for PCMall (NASDAQ: PCM), an E-commerce leader that selected Yottaa after an extensive evaluation A global giant in chemical and healthcare, uses Yottaa to power many of its global brands UK government uses Yottaa to optimize and protect its website and mobile experiences
  • 3. Business Impact of Performance Source: 4.3%in REVENUE 2seconds slower Pages that were… DROP Source: 2.2seconds improvement in landing page speed INCREASED DOWNLOADS 15.4% by 60% faster INCREASED DONATION CONVERSION Making Barack Obama’s website 14%Source: Barack Obama website Source: 1 second delay causes an 11%in PAGE VIEWS 1 second delay causes a 7%in CONVERSIONS 1 second delay causes a 16%in CUSTOMER SATISFACTION DROP DROP DROP
  • 4. Growth of Webpage Footprint and Number of Requests (1995 to 2012) (Sources: Demenech 2007, Gomez 2008, Charzinski 2010, Souders 2012) The Paradigm Has Shifted… 5 Ajax/HTML5 becomes mainstream Explosive Growth of Browsers and Devices Now (2010+) Then (2000-2007)
  • 5. Yottaa Intelligently Sequences App Delivery Sources: Yahoo Exceptional Performance, Google 2012, Yottaa/HubSpot Study Geo latency: 2-3 sec TCP latency: 1 sec Back-end latency Page content: 1-2sec Page request chattiness Geo latency: 1-2 sec TCP latency: 1 sec Back-end latency Page content: 1-2sec Page request chattiness Back-end latency Geo latency: 3-5 sec TCP latency: 1-2 sec Page content: 4-6 sec Page request chattiness 2-3 sec MidmileLastmileBrowser Then (1998-2010) Now (2012 and Beyond) Optimize: transform web content for browsers, devices and CDNs Back-end latency Geographic latency: 3-6 sec TCP latency: 1-2 sec Page content: 1-2sec Page request chattiness MidmileLastmileBrowser Back-end latency Geo latency: 2-3 sec TCP latency: 1-2 sec Page content: 1-2sec Page request chattiness DSA: Tune TCP/IP to accelerate dynamic content Delivery: CDNs such as Akamai Transformation: Yottaa CDN: Cache static content to reduce delivery latency Avg page size: 90KB Request/page: 20 Domains/page: 1 Page load time: 7.5 sec Avg page size: 1MB+ Request/page: 100+ Domains/page: 14 Page load time: 6.8 sec, 10.2sec (m) Rewrite content Reduce requests Federate CDN InstantON
  • 6. Reduce Web Application Payload • Larger sites take longer to load • Modern web components add weight – Fonts – Images – Audio – Video 8 0 1000 2000 3000 4000 5000 6000 7000 8000 9000 < 300 KB 300-600 KB 600-900 KB 900-1200 KB 1200-1500 KB 1500-1800 KB Load Time by Page Weight
  • 7. Base resolution (300 x 200 px) Retina/HD resolution (600 x 400 px) Jpg compression 80 / 21 kb Jpg compression 31 / 16 kb (75% of base) Page Weight vs. User Experience Image Resolution: Can you spot the difference? 9
  • 8. What is Minification? Popular sites gain 10% - 30% performance by minifying code 10 Standard Code <p>Lorem ipsum dolor sit amet.</p><ul><li><a href="#"></a></li><li><a href="#"></a></li></ul> Minified, Optimized Code
  • 9. Case Study Challenge: 1.4 MB page, heaviest 20% Goal: Increase traffic & conversions, incl. mobile Solution: Reduce Payload & Requests 41% Results: 53% faster loads, increased traffic 100% “With Yottaa turned on, the Big Train site just flies on mobile devices.” Jim Wendt, eCommerce Marketing Manager 11 Read more: http://bit.ly/18rHt1N
  • 10. Reduce Asset Requests • Combine files and control sprawl • Modern web applications rely upon 3rd parties – Tracking Tags – Fonts – Images – Audio – Video 12 0 2000 4000 6000 8000 10000 12000 14000 < 10 10-20 21-30 31-40 41-50 > 50 Load Time by JavaScript Request Count
  • 11. How Can You Reduce Requests? • Minimize DNS lookups • Minimize redirects • Combine external JavaScript • Combine external CSS • Combine images using CSS sprites • Optimize the order of styles and scripts • Avoid document.write • Avoid CSS @import • Prefer asynchronous resources • Parallelize downloads across hostnames 13
  • 12. CSS Sprites and Calling Images Include multiple images in a page using only a single HTTP request with no JavaScript 14 Example Sprite w/Reference Grid Mobile Benchmark: DataURI vs. Sprite
  • 13. Making Due: CDN, ADN and FEO Client Web Server Server page Processing World Wide Web 1. Client requests a dynamic page 2. Server returns the Dynamic page Page Rendering and Processing
  • 14. InstantON™: A Breakthrough Innovation Yottaa InstantON™ accelerates dynamic applications in ways never possible before: Client Web Server Network 2b. Yottaa requests the page from the web server 2a. Yottaa immediately returns a partial page from its cache 1. Client requests a dynamic page 3a. Server returns a new page3b. Returns page delta and client processing instructions Page Rendering and Processing Server page Processing Page Processing Partial Page Delivery Page Delta
  • 15. E-Commerce Case Study 17 $1.4B e-commerce company (NASDAQ: PCM), selected Yottaa after an extensive evaluation of many vendors OnSale.com (with Akamai) OnSale.com (with Yottaa) 35% Loads Faster by: 62% Accelerates Start Render by: Reduces Requests by: 80% Offloads Server Load by:With Yottaa: WWW.ONSALE.COM 68%
  • 16. Real-world Example 18 Challenge: Slow 3rd party content loading Goal: Improve user experience, site speed Solution: Sequence social content rendering Results: 53% faster loadResults: 53% faster load
  • 17. Real-world Example 19 Challenge: Slow page rendering impacts conversions Goal: Improve page load time, engage more users Solution: Optimize images, sequence content Results: 4x faster load!Results: 4X faster load
  • 18. Yottaa’s Unique Application Sequencing Intelligent application optimization & delivery takes your site further than simple CDN acceleration • Server Side Optimizations – InstantONTM technology accelerates page rendering – Dynamically sequences static and dynamic content delivery • Middle Mile Optimizations – Hybrid, federated CDN – Integrate with existing CDN solution or migrate fully to Yottaa • Last Mile Optimizations – Reduce payload and requests, parallelize processing for all content – Dynamic compression and responsive image support • Browser & Device Optimizations – RapidTagTM display sequencer renders above-the-fold content instantly – Transformer technology modifies page content for optimal rendering 21
  • 19. Presence Intelligence™ Technology End-to-End Optimization Infrastructure Awareness Geographic Presence Last Mile Network Presence Device & Browser Presence Data Center Middle Mile Last Mile Front End In-page Visibility User Interactivity Application Streaming InstantON™ Transformer Responsive Image RapidTag Display Sequencer CDN Federation IP Anycast DNS & Edge Federated Delivery (Real-time CDN Balancing) Autoprovisioning & Management Cloud Firewall Traffic Analytics DDOS Protection Origin Shield Front End Optimization Reduce Requests Reduce Payload Increase Parallel Processing Deep Insight Real Browser Monitoring Mobile Monitoring Key Pages & Transactions CMS Platform Integration eCommerce Platform Integration
  • 20. In Summary • Rule of thumb: Less is more • Take a measured approach – Plan – Develop – Test – Prioritize – Optimize – Iterate 24

Notas del editor

  1. 1998: “The Bottleneck: Delivery of the Bits”
  2. 1998: “The Bottleneck: Delivery of the Bits”