5 Best Practices For Blazing Fast Website Performance presented by Gomez & Forrester
•
5 likes•1,348 views
Customers expect great online experiences — and the bar gets higher every day. Today's consumers are web savvy; they expect blazing fast performance and the highest-quality experiences no matter what site they’re visiting. If they have to wait too long for a page to load they will abandon the site for the competition. Join Web performance experts from Gomez and Forrester Research, Inc. at this complimentary webinar to learn how to get 3 second response times from your Website, improve availability, and deliver better customer experiences. Attendees at this webinar will learn: 1. How to take advantage of the latest caching technologies so that you can cache smart and cache often 2. Best practices to minimize the impact of browser diversity on web application performance 3. How to architect your pages for raw speed and perceived performance to ensure top performance 4. Tips on how Infrastructure Operations and Marketing can partner for performance 5. Diagnostic best practices to find where performance optimization opportunities exist
Report
Share
5 Best Practices For Blazing Fast Website Performance presented by Gomez & Forrester
- 1. 5 Best Practices for Blazing Fast Website Performance Imad Mouline Mike Gualtieri CTO, Gomez Senior Analyst, Forrester Research
- 3. Five Best Practices For Blazing Fast Web Site Performance Mike Gualtieri Senior Analyst Forrester Research March 23, 2010
- 4. Make your Web site faster!
- 5. Agenda • Why your customers won’t wait • Blazing fast best practices • Recommendations 5 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 6. Achieving blazing fast Web site performance is more challenging Modern Web audiences expect more content and functionality Firms want to provide more content and functionality IT needs to reduce infrastructure costs Rising tides of users make scaling more challenging 6 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 7. Great User Experiences Are Useful, Usable, And Desirable • Users can accomplish their Useful goals • Users can easily perform Usable tasks • Users enjoy their Desirable experience And, fast! 7 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 8. Customers want more and they want it faster.
- 9. Agenda • What do customers want? • Blazing fast best practices • Next practices for which to prepare 9 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 10. Based upon Forrester’s ongoing Blazing Fast Web site performance research 10 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 11. 1. Measure first, early and often
- 12. Check the performance of your peers at http://benchmarks.gomez.com 12 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 13. Web applications are increasingly assembled within the browser 13 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 14. Browser performance varies widely Page Load Time Web Browser (in seconds) Internet Explorer 6 9.654 Internet Explorer 7 6.740 Internet Explorer 8 4.831 Firefox 3 5.631 Firefox 3.5 4.424 Chrome 4 2.369 Safari 4 3.132 Source: Gomez sampled 360 million pages across 200+ Websites over a 30 day period from broadband users in the United States 14 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 15. Best practices: Measure early and often • Measure how quickly users perform key objectives on your site. • Baseline performance metrics with a consistent reporting frequency • Know who is using your site and how performance varies from geography to geography. • Use on-demand measurement to determine the effectiveness of key changes. • Know what elements of your infrastructure are affecting performance. 15 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 16. Pitfalls: Measure early and often • Don’t measure so seldom that you can’t react to problems. • Don’t measure the wrong things. 16 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 17. 2. Architect pages for speed. 17 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 18. Browser versions have different capabilities Source: www.browserscope.org November 19, 2009 18 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 19. Browsers render differently 19 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 20. Best practices: Architect pages for speed • Stay abreast of client optimizations. • Minimize server requests. • Cache intelligently. • Compress data. • Leverage client-side applications. • Use page analysis tools. • Use appliance or other software that can improve page speed (E.g. Aptimize) 20 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 21. February 2009 “Best Practices: Attaining And Maintaining Blazing Fast Web Site Performance” Yahoo!’s YSlow Grades Pages And Suggests Changes That May Improve Web Performance 21 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 22. Pitfalls: Architect pages for speed • Don’t rely on frameworks to keep up with browser technology. • Don’t ignore user workflow speed. • Don’t assume the HTML provided by page design tools will perform well. 22 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 23. 3. Cache smartly to eliminate bottlenecks. 23 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 24. Achieving blazing fast Web site performance is more challenging 24 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 25. The user’s distance from the content matters 25 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 26. Best practices: Cache smartly to eliminate bottlenecks • Test and monitor performance from your customer’s perspective. • Address the low-hanging fruit first. – Might not be the browser • Add an edge cache (such as Akamai, Edgecast, Limelight) if you need it. • Consider elastic caching for: application data, sessions, page fragments, and shared application state 26 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 27. Pitfalls: Cache smartly to eliminate bottlenecks • Be sure your scale-out architecture is free of bottlenecks before implementing caching • Don’t create caches that hold the wrong things. 27 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 28. Typical IT Web architecture is designed to scale the app server tier Load balancer Application Application Application Application server server server server Relational database 28 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 29. Elastic caching adds scaling layer to overcome the data bottleneck Load balancer Application Application Application Application server server server server Cache Cache Cache node node node Persistent data store 29 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 30. 4. Continually optimize your application architecture.
- 31. Best practices: Continually optimize your application architecture • Monitor continuously and learn. • Mitigate the risk of remote services. • Scale out Web and application servers. • Be clever about data architecture. • Divide monolithic applications to conquer them. • Diminish the role of older or limited systems and applications. • Group functions by protocol or type for better load balancing. 31 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 32. Data can be scaled using a federated approach 32 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 33. Divide Monolithic Applications To Scale Functions Independently 33 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 34. Use a combination of approaches to scale Web application Load balancer Application Application Application Application server server server server Function A Elastic Elastic Elastic cache cache cache Function B NOSQL NOSQL RDBMS NOSQL NOSQL 34 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 35. Pitfalls: Continually optimize your application architecture • Don’t get seduced by hardware vendors. • Don’t be a slave to prior art. • Don’t allow syndicators to hold you hostage. 35 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 36. 5. Cooperate with app dev, infrastructure ops, and user experience pros. Source: amctv.com
- 37. Best practices: Partner with your app dev, infrastructure ops, and user experience colleagues • Collaborate with all on the performance imperative. • Understand the desires of your interactive marketing colleagues. • Conduct joint Web site change performance audits. 37 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 38. Pitfalls: Partner with your app dev, infrastructure ops, and marketing colleagues • Don’t engage in finger-pointing. • Don’t circumvent IT operations. • Don’t underinvest in performance testing. 38 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 39. Agenda • Why your customers won’t wait • Blazing fast best practices • Recommendations 39 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 40. Make your Web site faster! 40 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 41. To create a blazing fast Web architecture: • Test and monitor performance from your customer’s perspective. • Assess your current Web architecture to identify bottlenecks or areas of opportunity. • Address the low-hanging fruit first based upon greatest impact and lowest cost. 41 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 42. Next practices • Cloud computing is here to stay – How can you evolve your architecture to take advantage of infrastructure-as-a-service (IaaS) either internal, public, and hybrid cloud? • Prepare for mobile – How will you test and improve the performance of your mobile applications? – What approach will you use to develop the applications? • New technologies: Elastic platforms and NOSQL – How can elastic caching help improve performance 42 – Can NOSQL help you scale your data? Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 43. Follow these best practices 1. Measure first, early, and often 2. Architect pages for speed 3. Cache smartly to eliminate bottlenecks 4. Continually optimize your architecture 5. Cooperate with app dev, ops, user experience, and marketing 43 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 44. Thank you Mike Gualtieri +1 617.613.6145 mgualtieri@forrester.com Twitter: mgualtieri www.forrester.com 44 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
- 45. 5 Best Practices for Blazing Fast Website Performance Imad Mouline, CTO, Gomez
- 46. The Performance Optimization Challenge Balancing Cost vs. Performance Are these the most cost effective improvements to make? Operations Is our code optimized for speed AND cost? Efficient Optimization Cloud and Development CDN Providers Am I overpaying for performance gains?
- 47. “Working with Pros” ‐ Optimizing Performance and Costs Normal Configuration If you are paying based on Parallelized Configuration volume then optimize using parallel downloading
- 48. “Continually Optimize your Applications” – Focusing on Improved Response Times Yields Business Results Measure performance under normal and peak conditions – Test your applications at peak and normal traffic levels, to find all the problems and optimization opportunities Improve response times to reduce abandonment rates – Gomez research shows that decreasing page response time from 10 to 2 seconds reduces abandonment rates by 38% Compare yourself against top competitors and Internet leaders
- 49. “Cache Smartly” ‐ Validate Caching at the SERVER Long First Byte times a potential server‐side caching opportunity
- 50. “Cache Smartly” ‐ Validate Caching at the EDGE In‐house delivered content Outsourced CDN delivered content
- 51. “Cache Smartly” ‐ Validate Caching at the BROWSER Safari 4.x Chrome Internet Explorer 8.x Internet Explorer 7.x Firefox 3.x
- 52. “Architect Pages For Speed” – PLUS Perceived Performance Each browser has different performance and rendering characteristics 12 Raw page load time Raw page load time 10 Perceived page load time 8 Seconds 6 4 2 0 Source: Gomez Real-User Monitoring Real users around the world 360M pages over 30 days Broadband 200+ sites
- 53. “Architect Pages For Speed” – Analyze Across Browsers Firefox Internet Explorer
- 54. “Measure Early And Often” ‐ From the ‘Outside‐in’ The Web Application Delivery Chain 3rd Party/ Browsers Load Cloud Services Local ISP and devices Users Balancers Web Servers Is my Mobile Components Is my Is my Is my backend App Servers hosting Website “Outside‐in” customer point of view Internet Website optimized? provider DB Servers Major ISP slowed optimized Storage performing down by across Mainframe Network well? vendors? Content Delivery Networks Mobile Carrier browsers? Traditional zone Zone of customer expectation of control
- 55. “Measure Early And Often” ‐ Across Browsers Don’t forget to monitor across browsers as availability Response times differ across Firefox and IE agents & performance issues can also be browser specific Internet Explorer Agent Firefox Agent Internet Explorer Agent Firefox Agent
- 56. Putting your plan in action – How Gomez can help Best Gomez Capabilities Deployment Production Practices Testing Monitoring Measure Monitor performance & Early And availability from the end‐users’ Often perspective Architect Measure client‐side & optimize Pages For perceived performance across Speed multiple browsers Continually Monitor and optimize response Optimize times for end‐users to improve business results Cache Validate the effectiveness of Smartly caching strategies Partner with Evaluate the performance of the Pros cloud and CDN services
- 57. Testing cloud applications with world’s most comprehensive performance and testing network Backbone Last Mile Your Actual Users Web Performance Web Performance Real User Monitoring Management and Load Testing Management and Load Testing Worldwide, wherever your 100+ locations 100,000+ locations users are
- 58. For more information visit www.gomez.com or contact us at info@gomez.com or +1 781.778.2700 Gomez Customers Enjoy Measurable Benefits Increased conversions 10% 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
- 59. 5 Best Practices for Blazing Fast Website Performance Questions? Imad Mouline Mike Gualtieri CTO, Gomez Senior Analyst, Forrester Research