Performance Management In The New Frontier Of Rich Internet Applications
-
Upload
ben-rushlo -
Category
Technology
-
view
1.922 -
download
1
description
Transcript of Performance Management In The New Frontier Of Rich Internet Applications
![Page 1: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/1.jpg)
©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
![Page 2: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/2.jpg)
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
![Page 3: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/3.jpg)
©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Performance Management Is Changing
![Page 4: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/4.jpg)
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:
![Page 5: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/5.jpg)
5©2009 Keynote Systems, Inc. Keynote & Client Confidential.
The Browser as a “Platform”
![Page 6: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/6.jpg)
6©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Complexity is Increasing
![Page 7: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/7.jpg)
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)
![Page 8: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/8.jpg)
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
![Page 9: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/9.jpg)
9©2009 Keynote Systems, Inc. Keynote & Client Confidential.
The Application Life Cycle On “Red Bull”
ITOperations
QualityAnalysis
WebDevelopment
![Page 10: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/10.jpg)
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
![Page 11: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/11.jpg)
©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Performance Management Best Practices
![Page 12: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/12.jpg)
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
![Page 13: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/13.jpg)
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
![Page 14: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/14.jpg)
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
![Page 15: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/15.jpg)
15©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Total Site Quality Framework
Tip: Avoid Pet Metrics
Health Report
![Page 16: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/16.jpg)
©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Web 2.0 Performance Challenges
![Page 17: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/17.jpg)
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
![Page 18: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/18.jpg)
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
![Page 19: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/19.jpg)
19©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Client Side Processing is Typically Ignored By Performance Management
Flash Initialization
![Page 20: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/20.jpg)
20©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Tip: Identify and Reduce Client Side Processing
JS and CSS Rendering
![Page 21: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/21.jpg)
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
![Page 22: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/22.jpg)
22©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Challenge 4 – Web Service Performance
Tip: Establish SLAs with Web Services and Measure Directly
![Page 23: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/23.jpg)
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
![Page 24: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/24.jpg)
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
![Page 25: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/25.jpg)
25©2009 Keynote Systems, Inc. Keynote & Client Confidential.
Don’t Forget The Basics
Measure, Measure and Measure
![Page 26: Performance Management In The New Frontier Of Rich Internet Applications](https://reader034.fdocuments.net/reader034/viewer/2022051816/54668ce9b4af9f533f8b5534/html5/thumbnails/26.jpg)
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