performance management in the new frontier of rich internet applications

©2009 Keynote Systems, Inc. Keynote & Client Confidential.

Designing for and Managing Performance in the New Frontier of Rich Internet Applications

Ben RushloDirector, Web Performance Consulting

2©2009 Keynote Systems, Inc. Keynote & Client Confidential.

Agenda

Performance Management Is Changing

Performance Management Best Practices

Web 2.0 Performance Challenges

Real-Time Testing from the Cloud


AJAX, Video, SOA, XML, Flash

HTML,CSS,HTTPJavaScript, Servlets

The Internet technologies used

are not only:


But More

Application Design

But More

Connection Speed

Application Performanceis influenced not just by:

Rich InteractiveExperiences

But More

Content Delivery

End-User Experienceno longer just depends

on:


The Browser as a “Platform”


Complexity is Increasing


Complexity is Increasing

Domains1 -2 5-10

Third Party Content1-2 requests per page 10 30 requests per page

Page Sizes100-300K 300K – 2MB

LanguagesHTML, limited JS and CSS Multiple JS and CSS per page (XML, Flash, Flex etc)

HostingSingle location Hybrid (Cloud)


The “Cloud” – Web services, distributed data centers/infrastructure, content delivery network etc

Working Slide

The Application Lives Everywhere


The Application Life Cycle On “Red Bull”

ITOperations

QualityAnalysis

WebDevelopment


Increased User Expectations

The Internet has become a utilityAlways on, always responsive

The competition is raising the barEven if it is not your direct competition8s 4s 2s ?

The Web 2.0 model changes expectationsUsers are not simply “viewing content”, instead they are interacting, using applicationsIncreases expectations for “site” to perform as a desktop app1s or less might become the new rule



Test at every stage in application lifecycle –build with the user in mindTest from the cloud –where your users areTest with a real browser – what your users useCapture the right metrics – what impacts your user


Average download times Per element performanceClient side processingVariability – over geographyWeb service performancePre render vs. render timeNetwork vs. Application vs. ContentPage Construction

Key Metrics – Pre Launch

ITOperations

QualityAnalysis

WebDevelopment

There no longer is a way to approximate technical quality from inside the data center


Key Metrics – In Production

Performance-average versus target

Availability – errors and outagesVariability – throughout day and overallThird-Party QualityTrends and Events

ITOperations

QualityAnalysis

WebDevelopment


Total Site Quality Framework

Tip: Avoid Pet Metrics

Health Report


Web 2.0 Performance Challenges


Java Script Use, Placement and Browser Threading

Challenge 1 – Java Script

None of these images were downloaded to the browser until 2.4 seconds into a 2.8 second page load

Javascript files load one file at a time

Tip: Minimize, Combine, Move Down External JS

IE 7.0


0

1

2

3

4

5

6

7

8

9

UPS

Li

veTr

avel

ocity

Wik

iped

iaSp

rint

Hot

Jobs

Car

eer B

uild

erD

isne

yFi

delity

Yello

w P

ages

Goo

gle

AT&T

Orb

itz

Mer

rill L

ynch

MSN

eBay Ask

CN

NEx

pedi

a

AOL

Bank

Of A

mer

ica

Sym

antic

Face

book

Tick

etm

aste

rN

Y Ti

mes

Appl

e H

ewle

tt-Pa

ckar

dAm

azon

C

BS S

ports

line

Veriz

onYa

hoo

U

SA T

oday Del

lW

alm

art

Pric

elin

e.co

mM

SNBC

Wea

ther

.com

Cha

rles

Schw

abFe

dEx

Mon

ster

Dow

nloa

d Ti

me

Time On Netw ork Client Side Processing

Challenge 2 – Client Side Processing

40 Typical Home Pages

Half of the Home Pages show over 20% of their total download in client side processing


Client Side Processing is Typically Ignored By Performance Management

Flash Initialization


Tip: Identify and Reduce Client Side Processing

JS and CSS Rendering


Challenge 3 – Third Party Quality

Tip: Place Third Party Content in Footer and Track Quality

Third Party Call Blocking Visual Content


Challenge 4 – Web Service Performance

Tip: Establish SLAs with Web Services and Measure Directly


Challenge 5 – Flash Performance

Tip: Balance Size with Number of SWF Files

Flash Elements Download Quickly, Time on Client

Significant


Reduce Round TripsCSS SpritesHTTP Keep AliveComprehensive Caching Strategy

Improve Third Party QualitySLAPlace Smartly

Move Content CloserContent Delivery Networks

Watch Content SizeEnforce Standards

Don’t Forget The Basics


Don’t Forget The Basics

Measure, Measure and Measure

26©2009 Keynote Systems, Inc. Keynote & Client Confidential. 26©2008 Keynote Systems, Inc. Keynote & Client Confidential.

Ben Rushlo

How to reach me

(623) [email protected]

http://www.linkedin.com/in/benrushlo

performance management in the new frontier of rich internet applications

Technology