Browser Diagnostics using dynatrace Ajax Edition

1. Deepak Kaul
Solution Consultant, Compuware APM
dynaTrace

2. We help organizations optimize the performance
and value of their business-critical applications
• Web, non-Web, mobile, streaming, cloud-based applications
• Rapid issue notification with actionable diagnostics
• Insight into performance impacts business (revenue, brand, cost)
SaaS,
Cloud-Based and
On-Premises
Offerings
• Rapid startup and
payback
*”Trends: The Diversification Of End User Experiencing Monitoring”, Forrester Research, Inc., July 5, 2011
4,000+ Customers
Worldwide
• 2,500+ enterprise
customers
• 1,500+ SMB
customers
Global Reach
• 80+ offices
• 29 countries
• 100s of partners
• Global service
delivery
Recognized as
Industry Leader
• Gartner:
Leader in APM magic
quadrant
• Forrester Research:
“…a complete view
of end user
experience”*
• Ovum:
“Game-changing”
A New Generation of APM

3. .
Gartner Positions Compuware as a Leader in APM
Magic Quadrant
.
Gartner, Inc. Magic
Quadrant for Application
Performance Monitoring
August 16, 2012
Jonah Kowall, Will Cappelli
This Magic Quadrant graphic was published by Gartner, Inc.
as part of a larger research document and should be
evaluated in the context of the entire document.
The Gartner report is available upon request from
Compuware. Gartner does not endorse any vendor, product
or service depicted in its research publications, and does not
advise technology users to select only those vendors with the
highest ratings. Gartner research publications consist of the
opinions of Gartner's research organization and should not be
construed as statements of fact. Gartner disclaims all
warranties, expressed or implied, with respect to this
research, including any warranties of merchantability or
fitness for a particular purpose.

4. Compuware APM: World-class Customers
Financial Services eCommerceSaaS & Cloud
OtherISV Government
Telco
Insurance

5. Poor User Experience Impacts Conversions & Revenue

6. 6
User Experience Impacts Conversions & Revenue

7. Exploding Edge Complexity Impacts Visibility
Lack Of Visibility Into
3rd Party Service CallsApplication Logic Extends To Browser

8. Are 3rd Parties Impacting Customers Experience?

9. Are Contents optimized For Performance?

10. Backbone
• Synthetic
monitoring
• Load testing
Backbone
• Synthetic
monitoring
• Load testing
Last Mile
• Synthetic
monitoring
• Load testing
Last Mile
• Synthetic
monitoring
• Load testing
Real Users
• User
experience
management
Real Users
• User
experience
management
Application
Compuware APM: Driven by End-User Experience
Private
agents
Private
Last
Mile
150+
enterprise-
grade
nodes
Data
centers
and cloud
providers
150,000+
consumer
- grade
desktops
168+
countries
2,500+
ISPs
Major
mobile
carriers
around
the globe
Browsers
Mobile
apps
Enterprise
• Synthetic
monitoring

11. Application
Compuware APM: Driven by End-User Experience
Backbone
• Synthetic
monitoring
• Load testing
Last Mile
• Synthetic
monitoring
• Load testing
Enterprise
• Synthetic
monitoring
• Broad view of end-user experience and
multi-tier transactions (real-user monitoring)
Data Center and Cloud
XML/SOAPhttp SQL TCIP/IP
150,000+
consumer
- grade
desktops
168+
countries
2,500+
ISPs
Major
mobile
carriers
around
the globe
All tiers, all transactions, all users
Private
agents
Private
Last
Mile
Browsers
Mobile
apps
150+
enterprise-
grade
nodes
Data
centers
and cloud
providers
Real Users
• User
experience
management

12. Deep
analysis
Application
Browsers
Mobile
apps
Compuware APM: Driven by End-User Experience
C/C++
Private
agents
Private
Last
Mile
150,000+
consumer
- grade
desktops
168+
countries
2,500+
ISPs
Major
mobile
carriers
around
the globe
Backbone
• Synthetic
monitoring
• Load testing
Last Mile
• Synthetic
monitoring
• Load testing
Enterprise
• Synthetic
monitoring
• Broad view of end-user experience and
multi-tier transactions (real-user monitoring)
Data Center and Cloud
• Deep application transaction management
All tiers, all transactions, all users
150+
enterprise-
grade
nodes
Data
centers
and cloud
providers
PurePath
Real Users
• User
experience
management

13. Compuware APM: Driven by End-User Experience
Optimize performance across the entire Application Delivery Chain
 Start anywhere and grow
into integrated solution
 Works with existing
environments
Deep
analysis
Application
Private
agents
Private
Last
Mile
150,000+
consumer
- grade
desktops
168+
countries
2,500+
ISPs
Major
mobile
carriers
around
the globe
All tiers, all transactions, all users
150+
enterprise-
grade
nodes
Data
centers
and cloud
providers
PurePath
Browsers
Mobile
apps

14. dynaTrace

15. Compuware Confidential – Do Not Duplicate

16. Compuware Confidential – Do Not Duplicate

17. Compuware Confidential – Do Not Duplicate
a
Speed up Page
Load Times
Compare
Website to
Peers
Diagnose IE &
Firefox
Optimize Page
Rendering
Javascript &
DOM Tracing
Web Test
Automation
dynaTrace Ajax Edition Key Features

18. Back-end cloud
services, statistical
analysis & bursting
services
Applications are assembled by client: The Browser/App platform
Streaming media
and third-party
infrastructure
providers
Data Center
Third-party apps
& identity mgmt
delivered via SaaS or
mashup
Local
ISPs
Mobile
Carriers
Major
ISPs
PerceptionReality

19. Compuware Confidential – Do Not Duplicate
Today the clients do more of the work

20. Browsers Are Evolving
• HTML5 support
– Application cache, canvas,
audio, video, local storage,
geo-location, etc.
• CSS3 support
–Web fonts, animations,
gradients, shadows, etc.
• Performance improvements
– Faster JavaScript processing
– Parallel download of JS scripts
– More parallel connections
– Resource pre-fetching
– Multi-threading in JS

21. Different Capabilities Equals Different Experiences
Source: Gomez UEM
Avg. Load Time Across Browsers For 75 Top US Retailers
Based on 658 million page views
2.503 3.006
3.644 3.834 4.071
4.748
5.391 5.622
6.239
10.231
0
2
4
6
8
10
12
14
16
0
2
4
6
8
10
12
AbandonmentRate%
Avg.ResponseTime
Load Time (sec) Abandonment Rate (%)

22. Browser versions: Too many, too fast

23. Browsers adoption & capabilities
Source: http://arstechnica.com/information-technology/2012/07/firefox-fights-back-holds-on-to-second-place-in-world-browser-shares/
Longevity of
browser versions
driven by multiple
factors
Different browsers have different capabilities
8 21

24. Compuware Confidential – Do Not Duplicate
A typical webpage composition

25. Compuware Confidential – Do Not Duplicate
A typical webpage composition

26. 1. Make fewer HTTP requests
2. Use a CDN
3. Add an Expires header
4. Gzip components
5. Put stylesheets at the top
6. Put scripts at the bottom
7. Avoid CSS expressions
8. Make JS and CSS external
9. Reduce DNS lookups
10. Minify JS
11. Avoid redirects
12. Remove duplicate scripts
13. Configure ETags
14. Make AJAX cacheable
Source: Steve Souders, Google I/O 2008, http://stevesouders.com/docs/googleio-20080529.pp
14 Golden Rules

27. dynaTrace
- Ajax Edition Demo

28. Diagnostics vs. Real End User Monitoring

29. Browser Agent vs dynaTrace UEM

30. Q&A

31. dynaTrace Ajax Edition
Deepak Kaul
Solution Consultant, Compuware APM