performance management in the new frontier of rich internet applications
Post on 12-Nov-2014
1.922 Views
Preview:
DESCRIPTION
TRANSCRIPT
©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
©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Performance Management Is Changing
4©2009 Keynote Systems, Inc. Keynote & Client Confidential.
AJAX, Video, SOA, XML, Flash
HTML,CSS,HTTPJavaScript, Servlets
The Internet technologies used
are not only:
Performance Management Is Changing
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:
5©2009 Keynote Systems, Inc. Keynote & Client Confidential.
The Browser as a “Platform”
6©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Complexity is Increasing
7©2009 Keynote Systems, Inc. Keynote & Client Confidential.
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)
8©2009 Keynote Systems, Inc. Keynote & Client Confidential.
The “Cloud” – Web services, distributed data centers/infrastructure, content delivery network etc
Working Slide
The Application Lives Everywhere
9©2009 Keynote Systems, Inc. Keynote & Client Confidential.
The Application Life Cycle On “Red Bull”
ITOperations
QualityAnalysis
WebDevelopment
10©2009 Keynote Systems, Inc. Keynote & Client Confidential.
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
©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Performance Management Best Practices
12©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Performance Management Best Practices
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
13©2009 Keynote Systems, Inc. Keynote & Client Confidential.
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
14©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Key Metrics – In Production
Performance-average versus target
Availability – errors and outagesVariability – throughout day and overallThird-Party QualityTrends and Events
ITOperations
QualityAnalysis
WebDevelopment
15©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Total Site Quality Framework
Tip: Avoid Pet Metrics
Health Report
©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Web 2.0 Performance Challenges
17©2009 Keynote Systems, Inc. Keynote & Client Confidential.
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
18©2009 Keynote Systems, Inc. Keynote & Client Confidential.
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
19©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Client Side Processing is Typically Ignored By Performance Management
Flash Initialization
20©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Tip: Identify and Reduce Client Side Processing
JS and CSS Rendering
21©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Challenge 3 – Third Party Quality
Tip: Place Third Party Content in Footer and Track Quality
Third Party Call Blocking Visual Content
22©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Challenge 4 – Web Service Performance
Tip: Establish SLAs with Web Services and Measure Directly
23©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Challenge 5 – Flash Performance
Tip: Balance Size with Number of SWF Files
Flash Elements Download Quickly, Time on Client
Significant
24©2009 Keynote Systems, Inc. Keynote & Client Confidential.
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
25©2009 Keynote Systems, Inc. Keynote & Client Confidential.
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) 547-7068ben.rushlo@keynote.com
http://www.linkedin.com/in/benrushlo
top related