No matter what your customers use to access your website – from Internet Explorer 9 on a PC to Safari on an iPhone – they expect your site to be fast and work flawlessly.
Join our featured speakers, Harley Manning, VP and Research Director from independent research firm Forrester Research, Inc., and Compuware CTO APM Solutions Imad Mouline to learn:
- What growing browser and device proliferation means for IT and Website owners and developers
- The latest browser trends including the evolution of mobile and HTML 5
-Best practices for companies attempting to maintain cross-browser interoperability
How to meet customers’ web experience expectations regardless of browser or device
5 Best Practices for Successful Cloud Deployments – and the Pitfalls to Avoid
Top Tips to Deliver Quality Web Experiences From IE 9 to the iPhone
1. Harley Manning - Vice President, Research Director, Forrester Research Inc. Imad Mouline - CTOAPM Solutions, Compuware AUDIO VIA PC SPEAKERS ONLY
2. How Companies Create TheOnline Customer Experiences Of The Future Harley Manning, Vice President & Research Director Customer Experience December 1, 2010
3. “The future is already here, it’s just not evenly distributed.”
4. What trends will shape online experiences in the next 5 years? ? Capabilities Consumers
5. Dramatic shift in the mobility trade off High Capability Low Low High Mobility
16. ? How are companies starting to create these experiences today?
17. Key takeaways Start with consumers, not capabilities Make aggregation central to your strategy Turn your IT partners into your new best friends
18. Start with consumers, not capabilities Let the needs of the customers drive your innovation efforts
19.
20. Start with consumers, not capabilities Let the needs of the customers drive your innovation efforts Create innovations that fulfill your customer’s unmet needs
23. BY BILL RALLS, SENIOR VICE PRESIDENT, INVESTMENT SERVICES, FIDELITY
24. Start with consumers, not capabilities Let the needs of the customers drive your innovation efforts Create innovations that fulfill your customer’s unmet needs Use social experiences to drive change
25.
26. Make aggregation central to your strategy Design for distribution across a multi device, multichannel world
27.
28. Make aggregation central to your strategy Design for distribution across a multi device, multichannel world “Autocustomize” and let relevant data find the user
29.
30.
31. Turn your IT partners into your new best friends Co-locate designers and developers
32.
33. Turn your IT partners into your new best friends Co-locate designers and developers Communicate expected benefits to get buy-in from IT
34.
35. Recommendations: Anticipate the unexpected Give users more power but less complexity Embrace the strengths and limitations of relevant touchpoints Anticipate changes to business process and technology investments
36. Thank you Harley Manning +1 617-613-6079 hmanning@forrester.com blogs.forrester.com/harley_manningforrester.com www.forrester.com
37. Top Tips To Deliver Quality Web Experiences From IE 9 To The iPhone Imad Mouline - Compuware CTO, APM Solutions
38. Users Access The Web With A Variety Of Browsers Browser market share across 200+ sites with 117+ million page views from Nov 16 to 23, 2010 Source: Gomez Real User Monitoring
39. Users Access The Web On A Variety Of Devices Morgan Stanley predicts mobile users will outnumber desktop internet users within 4 years Source: Mary Meeker, Morgan Stanley
40. Customer Expectations Continue To Rise For Web & Mobile Sites 47% of consumers expect a Web page to load in 2 seconds or less Down from 4 seconds 2 years ago 58% of mobile phone users expect websites to load as quickly or faster on their mobile phone than their PC
41. Web & Mobile Site Performance Impacts Business Results 49% of users who experience performance issues when completing a transaction will either abandon the site or switch to a competitor 77% of these will share their negative experiences with others 52% of users are unlikely to return to a site they had trouble accessing on their phone 40% said they’d likely visit a competitor’s site instead Social media allows users to voice & record their frustration in real-time, negatively impacting revenue and brand equity
42. Web & Mobile Site Performance Impacts Business Results Abandonment Rate Across 200+ Sites/177+ Million Page Views All Browsers vs. iPhone Safari Source: Gomez real user monitoring
71. Significant Performance Differences Across Browsers Source: Gomez Real-User Monitoring Real users around the world Broadband & wireless connections only (October 2010) 526 million page measurements 200+ sites
72. Browsers Are Evolving HTML5 support Application cache canvas, audio, video, local storage, geo-location, web workers etc. CSS3 Support Webfonts, animations, gradients, shadows, etc. Performance improvements Faster JavaScript processing Parallel download of JS scripts More parallel connections Resource pre-fetching Multi-threading in JS Key Trend - more and more client-side processing
73. Some Browsers Are Evolving Faster Than Others Google and Apple driving HTML5 support for web & mobile browsers “We're betting big on HTML 5.” - Vic Gundotra, Google “The world is moving to HTML5.” - Steve Jobs, Apple HTML5 Test is an indicator of browser support for HTML5 features Safari and Chrome lead the way IE 7 IE 9 beta IE 8 FF 3.6 iPad 3.2 Android 2.2 iPhone 4.2 Safari 5.0 Chrome 6 HTML5 Test (max 300 points ) - http://html5test.com/
74. The Browser Is Becoming The Integration Platform 10.50 Number of hosts accessed directly by the browser, per user transaction, averaged across 3,000 companies
75. Geographic Distribution Of Content Sources How many cities does content come from to form the average transaction? Distribution of host cities by test (measured from multiple locations) Distribution of host cities by test (measured from single location) Source: Gomez Active Backbone Monitoring Sample of 12,000 transactions Multiple runs over 24 hours
76. Client Side Processing Ever More Important SunSpider JavaScript Benchmark Across Browsers Smaller bars are better Source: http://www.zdnet.com/blog/hardware & Gomez research
77. Optimize Performance From Your End-Users’ Perspective Leading retailer not aware of cross-browser compatibility problems until customers complain VS.
78. Optimize For Perception, Not Just Raw Performance Perceived render time is time needed for all content visible to the end-user above the fold to be completely rendered Take advantage of progressive rendering & image load order to optimize for maximum end-user impact Load order 1 Load order 2 Content below the fold 1 5 9 2 6 10 3 7 11 4 8 12 1 2 3 4 5 6 7 8 9 10 11 12
79. Optimize The Most Important & Common Workflows 6 step product order business process Home Page > Search Results Page > Shopping Cart Page > Login Page > Order Review Page
80. Slow Down To Go Faster - Think Workflows Not Pages Focus performance optimization on end-users’ common workflows / click paths versus standalone pages Is the common “Combine external JavaScript” performance optimization rule valid in all cases? Two 3 step transactions measured across 8 global backbone nodes
81. Adopt The “One Web” Application Performance Management Philosophy What constitutes mobile? Web & mobile sites & applications often share infrastructure & web services Important to leverage established and common best practices, metrics and technologies for both mobile and web channels Garner operational efficiencies Identify mobile specific problems, web specific problems or both across the entire web application delivery chain – from device to datacenter iPad & Safari iPhone & Safari iPhone App Windows 7 & Chrome
82. How To Excel In The New World Of Multiple Browsers & Devices Know your end-users Know your application Optimize performance from your end-users’ perspective Optimize for perception not just raw performance Optimize your most important & common workflows Adopt the “One Web” application performance management philosophy
83. Questions Increased conversions 10% Gomez Customers Enjoy Measurable Benefits Reduced homepage load time from 11.3 seconds to 3.4 seconds Improved page load times 23% Saved 50%+ in staff and fees Reduced seven-step transaction time by 50% Reduced downtime 45% Achieved under 3 second response time and 99%+ availability Validated decision to consolidate three data centers For more information visit Gomez.comorcontact us at +1 781.778.2700
Hinweis der Redaktion
Edmunds.com homepage loadtime went from 9 seconds on the old site to 1.6 seconds on the new siteAds load faster on the site and the we have noticed a considerable reduction in impression discrepancies, which in turn raised our ad revenue on the site by 3%total page views per session have increased 17%
Top image is A world of tweets (http://aworldoftweets.frogdesign.com/) based on HTML5 in iPhone 4.2Bottom is Google HTML5 book in IE7
http://html5test.com“We're betting big on HTML 5.” — Vic Gundotra, Google “The world is moving to HTML5.” — Steve Jobs, Apple “The future of the web is HTML5.” — Dean Hachamovitch, Microsoft
Number of hosts accessed directly by the browser, per user transaction, averaged across 3,000 companies
Home Page. Navigate to the home page of the retailer. If the institution does not have a home page search form for a product, then the appropriate button or link is selected to navigate to a sub-category page. The search term varies depending on the type of retailer. Search Results Page. The web site will display a list of available products within the search criteria. The first product result provided by the search results is automatically selected. If the retailer provides inventory availability data, the test will navigate through to the first product available online. Product Description Page. This page will contain a description and price of the product. Any attributes such as color or size are automatically selected and the product is added to the shopping cart. Shopping Cart Page. After displaying the shopping cart, the test will navigate to by initiating the Checkout process. Login Page. The test navigates to enter a previously created account profile. The same account is used unless the retailer has a concurrent login issue, where each Gomez node will use a different account. The profile is pre-configured for all default credit card and address information. If the retailer does not leverage the profile information, the test will navigate through any shipping or payment verification pages. Order Review Page. The test will navigate to the order review page, containing product price, shipping, and tax. If a retailer does not flush the cart contents, a separate Gomez test is used to clear the cart for the next test.
The concatonce case has a single allscripts.js that is the combined content of all JS used on both the common and uncommon paths through the app. The paths are 3 steps in both cases, with step 1 being common to both paths. Default includes multiple discrete js files - just the files needed on that step. I have some standard images at the same points along each path to make the test case more realistic -- it's not just JS.concatonce common path - IE Agent 3.443 100.00 default common path - IE Agent 2.614 100.00 concatonce uncommon path - IE Agent 3.346 100.00 default uncommon path - IE Agent 4.330 100.00