Browser Wars
The Impact of Browser Diversity on Web Application
Performance and End User Experience




     Jeff Loeb – V...
Gomez Profile


                   ▪ First SaaS Web Experience
▪ Headquarters
                     Management Platform
 ▪ ...
Web Application Management
 Is Becoming More Complex




                         3
Browsers Are
                                                                                      Multiplying

          ...
Browser Market Share
                                                                                 Changing Over Time

...
Different Audiences
                                                                                               Use Dif...
Web 2.0 Features
                                                                                                         ...
New Browsers Have
                                      New Features

▪ HTML 5 support                        Upcoming Bro...
Internet Explorer 8
                                                                                             Technolog...
Internet Explorer 8
                                                                Technology Refresh

         ▪ Develop...
New Browsers And
Parallel Connections

 ▪ Parallel Connections
    ▪ Older browsers like IE6, IE7
      and Firefox 2 make...
Network View - Non-
Persistent Connections




     ▪ All images served
       from 1 domain
     ▪ Persistent
       conn...
Network View -
Persistent Connections




       ▪ All images served
         from 1 domain
       ▪ Persistent
         c...
Network View -
Parallelized Connections


          ▪ Images appear to
            be served from 3
            distinct d...
Persistent Vs Non-Persistent
 Vs Parallelized Connections




                      Non-Persistent IE7


                 ...
Internet Explorer 8 Default




            ▪ All images served
              from 1 domain
            ▪ Persistent
     ...
Internet Explorer 7 Vs.
    Internet Explorer 8




                  Persistent IE7

                  IE8 Default
      ...
Internet Explorer 8 Default Vs
Internet Explorer 8 Parallelized




                           Parallelized IE8




      ...
Internet Explorer 8 Parallelized




               ▪ Images appear to
                 be served from 3
                 ...
Ensure Web Experiences
                                         Scale Under Load


▪ Deploy applications and
  infrastruct...
Different Browsers -
                                     Different Experiences

▪ Presentation Layer
    ▪ Browsers rende...
Browser Problems
                                            Cause Lost Revenue
Internet Explorer 7.0 – Windows XP




   ...
Browser Problems
                                      Destroy User Confidence

Safari 3.1 – Macintosh OSX 10.5
          ...
Browser Problems Damage
                                          Brand Reputations

Safari 3.1 – Macintosh OSX 10.5
     ...
Ensure Your Web Site Looks &
                                   Functions As Intended



▪ Profile your web site across
  ...
Different Browsers -
                                   Different Performance

▪ Difference between quickest and slowest b...
Load Time Vs.
                                    Perceived Render Time

▪ Load time for MS Internet Explorer higher than ...
Optimizing Perceived Render
     Time & User Experience

          ▪ Most prominent
            image on site -
          ...
Browser Impact On
                 Performance




Page Cache Level
  Page Load Time     Internet Explorer
               ...
Understand & Manage Impact Of
                      User Experience On Your Business



▪ Learn how most valuable
  custom...
Top Four Trends


1. More client-side processing
2. More composite applications with more
   3rd parties involved
3. For t...
Gomez Solutions Address
                             Challenges Of Browser Diversity
Actual Experience XF

    Reality Loa...
Gomez Offers Full Lifecycle Solutions
                             For Web Experience Management




“Gomez has made spect...
Find Out How Gomez Can Help You


Are you ready for Browser Wars?             Some of Our Customers
Testing from the custo...
Upcoming SlideShare
Loading in …5
×

Protect Your Online Revenue - Best Practices For Ensuring Your Web Applications Perform Across Browsers

2,565 views
2,514 views

Published on

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

Published in: Design, Technology
1 Comment
3 Likes
Statistics
Notes
  • fantastic!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
2,565
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
102
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

Protect Your Online Revenue - Best Practices For Ensuring Your Web Applications Perform Across Browsers

  1. 1. Browser Wars The Impact of Browser Diversity on Web Application Performance and End User Experience Jeff Loeb – VP Product and Solutions Marketing, Gomez Imad Mouline - CTO, Gomez
  2. 2. Gomez Profile ▪ First SaaS Web Experience ▪ Headquarters Management Platform ▪ Lexington, MA ▪ Web Experience Delivery Assurance across the ▪ Global Offices application lifecycle ▪ UK ▪ ExperienceFirst (XF) Network ▪ Germany ▪ 80,000+ internet experience measurement points ▪ Switzerland ▪ China ▪ Over 2,000 Customers Worldwide ▪ 13 out of 20 most visited US Websites utilize Gomez ▪ 250+ Employees Imad Mouline 2 CTO
  3. 3. Web Application Management Is Becoming More Complex 3
  4. 4. Browsers Are Multiplying Global Browser Market Share, February 2009 Chrome 1.0; 1.11% Opera 9.x; Netscape 6.0; Microsoft Internet Explorer 7.0 0.59% 0.67% Microsoft Internet Safari 3.0; Explorer 8.0; 1.17% Firefox 3.0 0.51% Firefox 2.0; 2.27% Microsoft Internet Explorer 6.0 Safari 3.1; 2.47% Safari 3.2; 4.29% Safari 3.2 Safari 3.1 Firefox 2.0 Microsoft Internet Microsoft Internet Explorer 7.0; 47.32% Explorer 6.0; 18.85% Microsoft Internet Explorer 8.0 Chrome 1.0 Firefox 3.0; 19.11% Opera 9.x Netscape 6.0 Safari 3.0 4 Source: Market Share - http://marketshare.hitslink.com
  5. 5. Browser Market Share Changing Over Time Global Browser Market Share, March 2007 to February 2009 60 50 IE 7 40 % 30 IE 6 20 FF 3 10 FF 2 0 Internet Explorer 7.0 Internet Explorer 6.0 Firefox 3.0 Safari 3.2 Firefox 2.0 Safari 3.1 Other 5 Source: Market Share - http://marketshare.hitslink.com
  6. 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 6 Source: http://arstechnica.com/microsoft/news/2009/03/february-2009-third-party-browsers-steal-from-ie-and-safari.ars
  7. 7. Web 2.0 Features Are Taking Off 93% plan to deploy Web 2.0 rich internet experiences within next 12 months ▪ 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 7 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
  8. 8. New Browsers Have New Features ▪ HTML 5 support Upcoming Browsers ▪ New JavaScript engines - Internet Explorer 8 ▪ Nifty new features that previously - Firefox 3.5 required lots of JS coding - Safari 4 ▪ Resource pre-fetching - Opera 10 ▪ Transforms and animations - Chrome 2 ▪ Structured client-side storage! ▪ Performance ▪ Faster JavaScript processing quot;The explosion in browser ▪ Parallel download of JS scripts platforms can be directly ▪ More parallel connections tied to higher ▪ Multi-threading in JS development costs.” Dan Golding, Key Trend: more and more Tier 1 Research client-side processing 8
  9. 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 quot;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 9 Source: http://blogs.zdnet.com/microsoft/?p=2072; http://blogs.zdnet.com/microsoft/?p=1262
  10. 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…” 10 Source: http://msdn.microsoft.com/en-us/library/cc817574.aspx
  11. 11. New Browsers And Parallel Connections ▪ 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 11
  12. 12. Network View - Non- Persistent Connections ▪ All images served from 1 domain ▪ Persistent connections off = Bad ▪ IE 7 connection behavior 12
  13. 13. Network View - Persistent Connections ▪ All images served from 1 domain ▪ Persistent connections on – should be default = Good ▪ IE 7 connection behavior 13
  14. 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 14
  15. 15. Persistent Vs Non-Persistent Vs Parallelized Connections Non-Persistent IE7 Persistent IE7 Parallelized IE7 15
  16. 16. Internet Explorer 8 Default ▪ All images served from 1 domain ▪ Persistent connections on ▪ IE 8 connection behavior 16
  17. 17. Internet Explorer 7 Vs. Internet Explorer 8 Persistent IE7 IE8 Default Parallelized IE7 17
  18. 18. Internet Explorer 8 Default Vs Internet Explorer 8 Parallelized Parallelized IE8 IE8 Default 18
  19. 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 19
  20. 20. Ensure Web Experiences Scale Under Load ▪ 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 20
  21. 21. Different Browsers - Different Experiences ▪ 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? Internet Explorer 7.0 - Windows XP Opera 9.62 - Windows XP Missing Content 21
  22. 22. Browser Problems Cause Lost Revenue Internet Explorer 7.0 – Windows XP Opera 9.62 – Windows XP Page Missing Promotional 22 Offer in Opera 9.62
  23. 23. Browser Problems Destroy User Confidence Safari 3.1 – Macintosh OSX 10.5 Internet Explorer 8.0b2 – Windows Vista Missing Content 23
  24. 24. Browser Problems Damage Brand Reputations Safari 3.1 – Macintosh OSX 10.5 Page functions correctly in Safari 3.1 Internet Explorer 7.0 – Windows XP Missing Content Page does not function correctly 24 in Explorer 7.0
  25. 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 25
  26. 26. Different Browsers - Different Performance ▪ 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 26
  27. 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 27
  28. 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 28
  29. 29. Browser Impact On Performance Page Cache Level Page Load Time Internet Explorer Safari Firefox Firefox Internet Explorer Safari 29
  30. 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 30
  31. 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 31
  32. 32. Gomez Solutions Address Challenges Of Browser Diversity Actual Experience XF Reality Load XF Reality View XF Does your website look right and function correctly on all browser and OS combinations? Do you know which browsers your customers use and how they perceive your website's performance? Can your servers handle the increased 32 loads created by parallel connectivity?
  33. 33. Gomez Offers Full Lifecycle Solutions For 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 Research 33 Tech Horizons: Evaluating Gomez’s Web Experience Management Services, August 2008
  34. 34. Find Out How Gomez Can Help You Are you ready for Browser Wars? Some of Our Customers 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 Expert 34 Toll Free: 877.372.6732

×