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