F5 BIG-IP WebAccelerator

Application Delivery Optimization

Presenter
 2

Slow Performance Impacts Revenue

500 millisecond delay caused

20% traffic decrease.

100 millisecond delay

caused 1% drop in revenue.

400 millisecond delay caused a

5-9% decrease in traffic.
 3

Application Delivery / The Evolution

End User Network / App Owner

Many apps via various browsers

delivered to countless devices each
running a different O/S

FRONT END DELIVERY GENERATION

Server /
User Experience Network Demands
 4

Application Delivery / Today – Complex & Costly

End User Network / App Owner

Company’s are spending

upwards of $100,000 per
application just to
“tune” delivery

FRONT END DELIVERY GENERATION

Business Risks:
Tuning costs will continue to
 Losing customers increase with expansion of apps,
 Losing revenue devices and browsers
 Employee Productivity
User Experience Server / Network Demands
 5

F5 Optimization Solution

FAST FAST

SECURE SECURE

AVAILABLE AVAILABLE

TMOS TMOS
 6

F5 Optimization Solution

N
CACHING

CONTROL
MAINTAI

SECURE
EDGE
ENTERPRISE CDN
CACHING CONTROL SECURE

FAST FAST
APPLICATION OFFLOAD
APPLICATION OFFLOAD

MOBILE ACCELERATION
MOBILE ACCELERATION

FRONT-END OPTIMIZATION
FRONT-END OPTIMIZATION

NETWORK OPTIMIZATION
NETWORK OPTIMIZATION
SE RV ER O FF LOA
D

SERVER OFFLOAD

S
TMO

S
TMO

S
iRULES

TMO
ANALYTICS
iAPPS
 7

Increase Revenue and Productivity

with BIG-IP WebAccelerator

BIG-IP WebAccelerator
 8

 Increase Revenues and Productivity

 Reduce Costs

 Flexible and Simple Deployment

 9

Increase Revenue and Productivity

By dramatically improving the user experience

Up to 10x faster Improved Mobile Better Employee

page load times Performance Productivity

BIG-IP WebAccelerator improves performance by:

• Implementing front-end optimization (FEO) for mobile and remote
acceleration
• Network Optimization: TCP/HTTP and SPDY Gateway
• Infrastructure and Application Offload
 10

Front-End Optimization: Intelligent Browser

Referencing

This is the only

dynamic content

Problem
Repeated Content Retrieval Slows Web Application
Dynamic pages contain mostly static content that is
retrieved repeatedly
 11

Front-End Optimization: Intelligent Browser

Referencing

Features Benefits
– Reduce the number of round trips • Lower bandwidth usage for client and server
– Utilizes browser to cache static objects
• Significant reduction in server load
– Transparent to the origin application
– No client to download , no changes to browser • Significant reduction of page load times!
 12

Mobile Acceleration: Image Optimization

Before All Headers—135 KB

QUALITY: 90
SIZE: 102

Location Label Camera Date Exposure Program

Copyright Firmware Digitized Date Thumbnail
ISO Flash Compensation Modified Date JPEG Quality
Shutter Speed Image Number File Date Tags
Exposure Bias Lens Flash Unique ID
Max Aperture Lens ID Focal Length X Resolution
Focal Plane X Resolution Serial Number Focal Length in 35mm film Y Resolution
SOURCE: HTTP Archive (http://www.httparchive.org) Focal Plane Y Resolution Software CCD Width Flash Function Not Present
Focal Plane Resolution Unit Files size Aperture Flash Mode
Custom Rendered Dimensions F Number Supports Red-Eye Reduction
Exposure Mode Camera make White balance Flash Return
Scene Capture Type Camera model Metering Mode

For mobile and remote users:

• Reduce file size of image by 20-
40%
• Reduce quality, remove After All Headers—102 KB
extraneous metadata, convert
format (GIF-> PNG)
QUALITY: 70
• Maintain privacy SIZE: 50

Location File Date

File Size JPEG Quality
Dimensions Unique ID
 13

F5 Streamlines Image Intensive Websites

On average 40% based on internal testing

Original image Size Average image size Image Opt

Site (Homepage) (total image bytes) (total image bytes) Reduction %

788647 16780 30.47%

58919 3682 46.77%

299486 6511 43.53%

494832 10081 49.96%

1959236 14731 24.24%

 14

Front-End Optimization: Content Re-Ordering

original re-ordered original re-ordered

original re-ordered original re-ordered

Improve start to display time • Actual overall page load time doesn’t not change
• Move CSS style sheets to the top of the HTML
• Move JavaScript to the bottom of the HTML
 15

Front-End Optimization: PDF Linearization

Client Web Applications
100 pages
WebAccelerator

Sends a range
of pages at a Retrieve
time entire
1st page rendered document
immediately while from server
the rest of the
document are being
retrieved

Real time PDF Linearization

• Improves time to first page view
• Full compatibility with Adobe PDF Specification
• Works with all modern browsers
 16

Next Generation Protocol: SPDY

• SPDY is new application layer

protocol developed by Google Application HTTP
• Overcomes inherent inefficiencies
with HTTP SPDY
• Improved performance
(~ 20-50%). Good for limited SSL
bandwidth mobile networks.
• Chrome, Firefox, Amazon Silk
browser support (50% market
Transport TCP
share) and Android 3.0+ devices

For more information about SPDY, visit www.chromium.org/spdy/spdy-whitepaper.

Amazon Silk Android 3.0+ Chrome Firefox v11+

 17

Updating App Infrastructure

• Problems :
• Web server infrastructure would need to be updated to take advantage of
SPDY
• Currently only Apache web server supports SPDY
• ISV enterprise apps don’t support SPDY (Oracle, MSFT, IBM, SAP…)

USERS

INTERNET

…
SDPY
HTTP
 18

Network Optimization: SPDY Gateway

• Solution: Legacy web apps get benefits of SPDY
 Reduce complexity and cost of upgrading
 Support new devices without re-architecture
 Scale existing legacy app infrastructure

USERS DATACENTER

INTERNET

…
BIG-IP

SDPY SPDY GATEWAY

HTTP
 19

Infrastructure Offload Improves Performance

and Reduces Infrastructure Costs

F5 OneConnect,
SSL offload,
caching,
and hardware
BIG-IP WebAccelerator compression

BIG-IP WebAccelerator improves server performance and

reduces need for additional capacity via:
• SSL and compression offload
• Caching and connection offload
• Bandwidth reduction up to 66%
 20

Reduce OpEx Costs

Reduce reliance on expensive content delivery networks

End Users

Origin Server Akamai Edge Servers Akamai Edge Servers

London Singapore

Reduce content delivery network (CDN) usage by:

• Minimizing the amount of data redirected to the CDN
• Building an enterprise CDN with symmetric BIG-IP WA and GTM
 21

Reduce OpEx Costs

Reduce reliance on expensive content delivery networks

End Users

BIG-IP BIG-IP
WebAccelerator WebAccelerator
Origin Server Akamai Edge Servers Singapore
London

Reduce content delivery network (CDN) usage by:

• Minimizing the amount of data redirected to the CDN
• Building an enterprise CDN with symmetric BIG-IP WA and GTM
 22

F5 Symmetric Deployment (eCDN)

• Clients are directed to
closest location
• Requests via HTTP or
SPDY
• FEO applied
• Server offload
BIG-IP WebAccelerator • Bandwidth savings
DMZ Clients

BIG-IP Global Traffic

Manager

BIG-IP WebAccelerator
SPDY or HTTP

Apps
Hong Kong

Seattle

BIG-IP WebAccelerator
HTTP
Apps

London
 23

Deploy According to Your Business Needs

BIG-IP WebAccelerator

BIG-IP WebAccelerator
 24

Simplify deployment and management

Primary Data Center

F5 Acceleration Policy or
Develop Custom Policy

BIG-IP WebAccelerator

Web
Servers

BIG-IP WebAccelerator is easy to deploy and configure with:

• Pre-configured acceleration policies for typical applications
• Policies you can use as a template for custom applications
• iApp and Centralized Analytics support for rapid deployment ,
comprehensive application performance, and troubleshooting
 25

Case Study:

Indian Oil (IOCL)

“The ability to optimize traffic As the organization grew and the number of users requiring access to company data
management, monitor background increased, IOCL’s servers could not cope with the higher traffic volumes. The oil firm
processes, accelerate web faced challenges in ensuring optimum application performance for their 10,000 users
applications, and provide application across India and overseas branches. By deploying F5 BIG IP ® Application Delivery
security – made F5 an easy decision Controller solutions, IOCL is now able to deliver a superior end user experience with
for us.” fast, reliable application access. In turn, F5 solutions have also helped the
Rajan Wahal organization bolster IT efficiency and support the company’s broader business goals.
Senior Manager, Information Systems
IOCL Marketing Division
Benefits:
Customer Overview:
India’s flagship national oil company with Operational expenditure cut by 20%
business interests straddling the entire
hydrocarbon value chain - from refining, 80% bandwidth savings
pipeline transportation and marketing of Improved application performance and stability
petroleum products, to exploration and
production of crude oil and gas, and High scalability and efficiency
marketing of natural gas and petrochemicals.
Easy to use and manage (for IT team)
The 20th largest petroleum company in the
world, IOCL is 80% owned by the Indian
government. Case Study: http://www.f5.com/solutions/resources/case-studies.html

Vertical: Oil, Gas, Petroleum and

Refineries
Location: India
 26

Platforms for Web Acceleration

1600 3600/3900 6900 8900 11000

Designed for demanding web applications

• TMOS architecture - scalable and high throughput
• Hardware SSL offload and compression
• Large memory and SSD’s for caching
• Flexibility of software Virtual Edition for virtualized environments
• Support VMware, XenServer, and Hyper-V hypervisors
© 2011 F5 Networks, Inc. All rights reserved. F5, F5 Networks, the F5 logo, BIG-IP, ARX, FirePass, iControl, iRules, TMOS,
and VIPRION are registered trademarks of F5 Networks, Inc. in the U.S. and in certain other countries
 28

How SPDY Is Faster

Web
Clients Applications
• Multiplexed bi-directional
streams within TCP connection
• Unlimited concurrent streams
• Fewer network
connections required

• Request prioritization HTTP

• Client assigns priority Web

Clients Applications
to requests

• HTTP header compression

• Server Initiated Content Push

One
TCP Connection

SPDY
 29

How does SPDY Gateway work?

1) Client connects to the BIG-IP 4) The BIG-IP system converts SPDY

system via HTTP request to HTTP and sends to
server
2) The BIG-IP system sends
“Alternate-Protocol: 5) Server sends HTTP response, the
443:npn-spdy/2” header BIG-IP system converts to SPDY
and sends to client
3) Client sends GET request
via SPDY

CLIENT
1
4
2
5
3
 30

Private CDN: WebAccelerator & WOM

Works for public-facing and internal applications (optionally combined
with secure remote access) Web-
Accelerator

Eliminate or reduce your CDN spend

Europe
Increase repeat visitor experience to well above performance a CDN
can provide Web-
Accelerator

~90% of
requests handled
Japan
locally

Web-
Others travel Web-
Accelerator
over optimized Accelerator
WOM tunnel
App App
Servers Servers

Primary Backup
DB DB

Western US Eastern US
 31

Global Customers Using WebAccelerator

 32

End User Experience

• 40% improvement in
both static and
dynamic web pages

• Up to 5X
performance
improvement
• Up to 60% reduction
in bandwidth

• 99.99% availability
 33

Boscov’s Keep Pace with Growing Online Sales

CASE STUDY

Challenge:
• High volume online traffic
• Slow site access
• Traffic spikes

Solution:
• F5 WebAccelerator for IBM WebSphere Application

Benefit of WebAccelerator:
• Faster page views for users
• Better use of available bandwidth
• Better site performance
• Elimination of capacity upgrade costs
 34

“
“[With WebAccelerator] our page views went from
300,000 a day to 600,000; average user session
was reduced from 18 minutes to 10 minutes; and
CPU usage is averaging about 40–50 percent.

Mike Zupper
E-commerce Project Leader, Boscov’s Department Stores
 35

Intelligent Browser Referencing

Initial
Reques
t Cache Compression

Apply policy defined cache Server sends No Cache

expiration & promote as candidate Expire or Very Short Expire
for IBR

Subsequen
t Client
Requests Cache

Apply IBR cache

expiration

Repeat
Visits

Retrieve from
Browser Cache
Solution
WebAccelerator Enables Browser Re-use of Cacheable
Contents
No client to download
No changes to browser
 36

Static and Dynamic Caching

First
Reques
t Cache Compression

Next
Request
s Cache

 Reduced  Stores  Content serving

client compressed and offload
latency non-compressed  Server
content connection
offload
 37

Static and Dynamic Compression

 3x+ client  Up to 66%  Universal  Remove

performanc reduction content ID the burden
e in ensures proper of
improvemen bandwidth compression for compressio
t dynamic n from
content servers

Compression of static and dynamic

objects
 39

Content Spooling
Client Web Applications

WAN

Problem
TCP Overhead On Servers
There is overhead for breaking apart…”chunking” content
Client and Server negotiate TCP segmentation
Client forces more segmentation than is good for the server
Server burdened with breaking content up into small pieces
 40

Content Spooling
Client Web Applications

WAN

Solution
Slurp up server content
Spoon feed client
Increase server capacity up to 15%
 41

MultiConnect – More Connections Open!

Clients Web Applications

WAN

Problem
Typical Web Application Connections
IE 6 & 7 supports only two HTTP connections per
site at a time to the same host/domain
Limits concurrent downloads of contents at a time
 42

MultiConnect – More Connections Open!

Clients Web Applications

WebAccelerator

WAN

Solution
WebAccelerator Enables More Browser Connections
Without server side code changes
Without any browser modification