Protect Your Online Revenue - Best Practices For Ensuring Your Web Applications Perform Across...
34
Imad Mouline - CTO, Gomez Browser Wars The Impact of Browser Diversity on Web Application Performance and End User Experience Jeff Loeb – VP Product and Solutions Marketing, Gomez
-
Upload
compuware-apm -
Category
Design
-
view
3.973 -
download
2
description
Your website looks great and utilizes the latest features to engage your audience. But are you losing valuable customers due to browser related performance and rendering issues? The current economic climate leaves no room for error. Every frustration felt by your customers directly affects your online revenue and operational costs. Web applications render and perform differently from one browser to another. Browsers like Internet Explorer 8, Firefox 3.1, and Google Chrome herald a major change in the way browsers operate - from increased client-side processing to more parallel infrastructure connections. Failing to stay ahead of these changes means lost customers and conversions. Join Gomez CTO Imad Mouline for this slideshow to learn: * Best practices to ensure browser diversity does not result in lost revenue and rising call-center costs * What today’s “Browser Wars” mean for e-commerce execs and any company doing business on the web * Best practices to overcome challenges in delivering quality web experiences across browsers * How to determine browser impact on web application performance * Learn about challenges you'll face with the upcoming Internet Explorer 8 and Firefox 3.1 browsers Recording with sound is available at http://www.gomez.com/info_center/multimedia.php
Transcript of Protect Your Online Revenue - Best Practices For Ensuring Your Web Applications Perform Across...
Imad Mouline - CTO, Gomez
Browser WarsThe Impact of Browser Diversity on Web Application Performance and End User Experience
Jeff Loeb – VP Product and Solutions Marketing, Gomez
2
▪First SaaS Web Experience Management Platform
▪ Web Experience Delivery Assurance across the application lifecycle
▪ExperienceFirst (XF) Network ▪ 80,000+ internet experience measurement
points
▪Over 2,000 Customers Worldwide▪ 13 out of 20 most visited US Websites utilize
Gomez
▪250+ Employees
Gomez Profile
▪Headquarters▪ Lexington, MA
▪Global Offices▪ UK
▪ Germany
▪ Switzerland
▪ China
Imad MoulineCTO
3
Web Application Management Is Becoming More Complex
4
Browsers Are Multiplying
Global Browser Market Share, February 2009
Microsoft Internet Explorer 7.0;
47.32%
Firefox 3.0; 19.11%
Microsoft Internet Explorer 6.0;
18.85%
Safari 3.2; 4.29%
Safari 3.1; 2.47%Firefox 2.0; 2.27%Microsoft Internet Explorer 8.0; 1.17%Chrome 1.0; 1.11%Opera 9.x; 0.67%Netscape 6.0; 0.59%Safari 3.0; 0.51%
Microsoft Internet Explorer 7.0
Firefox 3.0
Microsoft Internet Explorer 6.0
Safari 3.2
Safari 3.1
Firefox 2.0
Microsoft Internet Explorer 8.0
Chrome 1.0
Opera 9.x
Netscape 6.0
Safari 3.0
Source: Market Share - http://marketshare.hitslink.com
5
Browser Market Share Changing Over Time
Global Browser Market Share, March 2007 to February 2009
Source: Market Share - http://marketshare.hitslink.com
Mar. '07
Apr. '07
May. '07
Jun. '07
July. '07
Aug. '07
Sep. '07
Oct. '07
Nov. '07
Dec. '07
Jan. '08
Feb. '08
Mar. '08
Apr. '08
May. '08
Jun. '08
Jul. '08
Aug. '08
Sep. '08
Oct. '08
Nov. '08
Dec. '08
Jan.'09
Feb. '09
0
10
20
30
40
50
60
Internet Explorer 7.0 Internet Explorer 6.0 Firefox 3.0 Safari 3.2 Firefox 2.0 Safari 3.1 Other
%
IE 7
IE 6
FF 3
FF 2
6
Different Audiences Use Different Browsers
▪Your Audience has unique browser usage patterns
▪ 51.06% of Ars Technica (technology focused news site) readers favor Firefox
Source: http://arstechnica.com/microsoft/news/2009/03/february-2009-third-party-browsers-steal-from-ie-and-safari.ars
7
Web 2.0 Features Are Taking Off
93% plan to deploy Web 2.0
rich internet experiences
within next 12 months
Source: Scene7 OnDemand Survey: Web 2.0 Experience 2008 And Beyond; Gartener: Google Seeks to Control Its Browser Destiny With Chrome, David Mitchell Smith, Ray Valdes, 2008
▪Web 2.0 implementations use a wide variety of advanced technologies
▪Current Web applications have increased their use of client-side JavaScript by a factor of 10
8
New Browsers Have New Features
▪HTML 5 support▪New JavaScript engines▪Nifty new features that previously
required lots of JS coding▪ Resource pre-fetching▪ Transforms and animations
▪Structured client-side storage!▪Performance
▪ Faster JavaScript processing▪ Parallel download of JS scripts▪ More parallel connections▪ Multi-threading in JS
Upcoming Browsers- Internet Explorer 8- Firefox 3.5- Safari 4- Opera 10- Chrome 2
"The explosion in browser platforms can be directly tied to higher development costs.”
Dan Golding, Tier 1 ResearchKey Trend: more and more
client-side processing
9
Internet Explorer 8 Technology Refresh
▪Internet Explorer 8 scheduled for Q1 2009 release
▪ Complete overhaul of Internet Explorer 7 rendering and JavaScript engine
▪ Strictly operates in web standards-compliant mode by default
Recent Opera report found only 4.13% of 3.5 million Web pages fully W3C web standards-compliant
"This means viewing pages in IE8 Standards Mode isn’t opt-in, it’s the way the product works out of the box.”Scott Dickens, Program Manager, IE8 on IEBlog Feb.16, 2009
Source: http://blogs.zdnet.com/microsoft/?p=2072; http://blogs.zdnet.com/microsoft/?p=1262
10
Internet Explorer 8 Technology Refresh
▪Developers and website owners need to make decision ▪ Internet Explorer 8 supports different compatibility
modes which enable different features and affect content rendering
▪ “IE5 mode renders content as if it were displayed by Windows Internet Explorer 7's Quirks mode…”
▪ “IE7 mode renders content as if it were displayed by Windows Internet Explorer 7's Standards mode...”
▪ “EmulateIE7 mode tells Windows Internet Explorer to use the <!DOCTYPE> directive to determine how to render content...”
▪ “IE8 mode provides the highest support available for industry standards...”
▪ “Edge mode tells Windows Internet Explorer to display content in the highest mode available…”
Source: http://msdn.microsoft.com/en-us/library/cc817574.aspx
11
▪Parallel Connections▪ Older browsers like IE6, IE7
and Firefox 2 make 2 host connections at a time
▪ Newer Browsers like IE8, Firefox 3.5, and Google’s Chrome make 6 host connections at a time
▪More Parallel Connections = Better Performance? Not Always
▪ More parallel connections can have a nefarious effect on performance under load
New Browsers And Parallel Connections
12
Network View - Non-
Persistent Connections
▪All images served from 1 domain
▪Persistent connections off = Bad
▪ IE 7 connection behavior
13
Network View - Persistent Connections
▪ All images served from 1 domain
▪ Persistent connections on – should be default = Good
▪ IE 7 connection behavior
14
Network View - Parallelized Connections
▪ Images appear to be served from 3 distinct domains
▪ However, the 3 domains point to same IP address, same server!
▪ No infrastructure change
▪ Forced increased parallelism = Better (sometimes)
▪ IE 7 connection behavior
15
Persistent Vs Non-Persistent Vs Parallelized Connections
Non-Persistent IE7
Persistent IE7
Parallelized IE7
16
Internet Explorer 8 Default
▪ All images served from 1 domain
▪ Persistent connections on
▪ IE 8 connection behavior
17
Internet Explorer 7 Vs. Internet Explorer 8
Persistent IE7
Parallelized IE7IE8 Default
18
Internet Explorer 8 Default Vs Internet Explorer 8 Parallelized
IE8 Default
Parallelized IE8
19
Internet Explorer 8 Parallelized
▪ Images appear to be served from 3 distinct domains
▪However, the 3 domains point to same IP address, same server.
▪ Increased forced parallel connections
▪ IE 8 connection behavior
20
▪Deploy applications and infrastructure with confidence
▪Combine high volume application load testing with broad geographic experience testing
▪Ensure on-demand testing flexibility
▪Detect failures in user experience not caught by traditional load testing
Ensure Web Experiences Scale Under Load
21
▪Presentation Layer▪ Browsers render HTML elements and CSS structure and
styles differently▪ Do you know how your content is being seen by your
end-users?
Different Browsers - Different Experiences
Internet Explorer 7.0 - Windows XP Opera 9.62 - Windows XP
Missing Content
22
Browser Problems Cause Lost Revenue
Internet Explorer 7.0 – Windows XP
Opera 9.62 – Windows XP
Page Missing Promotional Offer in Opera 9.62
23
Safari 3.1 – Macintosh OSX 10.5
Browser Problems Destroy User Confidence
Internet Explorer 8.0b2 – Windows Vista
Missing Content
24
Safari 3.1 – Macintosh OSX 10.5
Browser Problems Damage Brand Reputations
Page functions correctly in Safari 3.1
Internet Explorer 7.0 – Windows XP
Page does not function correctly
in Explorer 7.0
Missing Content
25
Ensure Your Web Site Looks & Functions As Intended
▪Profile your web site across multiple browsers, devices, operating systems, and screen sizes
▪ View pages exactly as your customer sees them
▪Understand the browser-specific performance characteristics of your application
26
▪Difference between quickest and slowest browser load time equals 13.226 seconds
▪ Large sample of US end-users, on broadband connections, visiting a particular page on a web site over a 48 hour period
Different Browsers - Different Performance
27
Load Time Vs. Perceived Render Time
▪Load time for MS Internet Explorer higher than Firefox▪ Perceived render time for MS Internet Explorer lower than Firefox
▪ Perceived render time is the amount of time needed for the page layout to stabilize and for all content visible to the end-user above the fold to be completely rendered
28
Optimizing Perceived Render Time & User Experience
▪Most prominent image on site - fish_top.gif - loads almost last
▪ Changing load order will not impact raw page performance, but will improve perceived render time and user experience
29
Page Load Time
Internet Explorer
Firefox
Safari
Browser Impact On Performance
Page Cache LevelInternet Explorer
Firefox
Safari
30
Understand & Manage Impact Of User Experience On Your Business
▪Learn how most valuable customer segments experience the application
▪Identify exactly what contributes to that experience
▪Understand how that experience impacts business results
31
Top Four Trends
1. More client-side processing
2. More composite applications with more 3rd parties involved
3. For the first time, your customer choice of web browsers will have an impact on your infrastructure
4. More browser choices– causing not only rendering issues but also performance issues and even web application failures
32
Gomez Solutions Address Challenges Of Browser Diversity
Do you know which browsers your customers use and how they perceive your website's performance?
Actual Experience XF
Reality Load XF
Can your servers handle the increased loads created by parallel connectivity?
Reality View XF
Does your website look right and function correctly on all browser and OS combinations?
33
Gomez Offers Full Lifecycle SolutionsFor Web Experience Management
“Gomez has made spectacular progress in the last 18 months…to become the leader in web experience management.”
Jean-Pierre Garbani, Vice President, Principal Analyst, Forrester ResearchTech Horizons: Evaluating Gomez’s Web Experience Management Services, August 2008
34
Find Out How Gomez Can Help You
Are you ready for Browser Wars?
Testing from the customer point of view quickly answers questions like:
• Does your website look right and function correctly on all browser and OS combinations?
• Can your servers handle the increased loads created by parallel connectivity?
• Do you know which browsers your customers use and how they perceive your website's performance?
Learn More: http://www.gomez.com/pdfs/sb_GoXF.pdf
Speak To A Gomez Solutions ExpertToll Free: 877.372.6732
Some of Our Customers
