The Importance of Site Performance and Simple Steps to Achieve It
- 1. MagentoLive UK 2013 The Importance of Site Performance and Simple Steps to Achieve It CHRIS WELLS – CEO – NEXCESS.NET LLC
- 2. The Ambassador Bridge (USA/Canada) • Completed 1929 (Longest suspension bridge worldwide at time) • Busiest international trade crossing in North America • 25% of all US/Canadian merchandise trade • Drive south to go north?
- 3. The Ambassador Bridge (USA/Canada) Detroit, MI USA Windsor, Ontario Canada The DetroitWindsor tunnel is cool too!
- 4. Today’s Topics • • • • • Why is site performance important? What should our definition of performance be? Evidence and anecdotes Where do I start? Simple steps to achieving speed • Infrastructure • Magento • Beyond • Side-effects of increasing site performance
- 5. Perspective – Where This is All Coming From • • • • • Nexcess is a 13 year old web infrastructure company Magento Platinum Hosting Partner Wholly owned data centers in the U.S. Partner data centers in the U.K. and Australia We host: • Over 10,000 CE installs (more than any other provider) • Over 1,000 EE installs (2nd in the industry) • Infrastructure view of Magento and the Magento stack • Today’s talk will focus on the view from our vantage point
- 6. Why Care About Performance?
- 7. Site Performance Directly Affects Your Bottom Line!
- 8. Anecdotal Evidence • • • • Just think about it... slow….means….frustrating…. Metrics aside - you know slow when you see it! There’s rarely an upside to a site loading slow • Unless it’s your competitors • Mobile adds a new variable (3G is essentially dial-up) • An un-optimized Magento Enterprise is slow out-of-the-box • ~3 second load times are typical before adding extensions
- 9. Performance Wins – Part 1 • Firefox Browser • Slow page loaders downloaded less often • 1 second of increased performance increased downloads by 2.7% • Shopzilla.com • Had page load times of ~7 seconds • • • • 5 second decrease in page load time (7s 2s) 25% increase in page views 7 – 12% increase in revenue 50% decrease in physical hardware
- 10. Performance Wins – Part 2 • Google • Tested a longer page 1 (30 entries instead of 10) and found a 25% drop-off in clicks • The addition of a shopping cart icon: • Added 2% delay in loading • Resulted in 2% less searches/user • Wal-Mart noted: • Every 1 second improvement equated to 2% increased CVR • Every 100 milliseconds improvement equated to 1% in incremental revenue
- 11. What Should the Target Be – What’s Possible? • 1 second delay can equate to a 7% decrease in conversions • Imagine you gross $100,000 / day • +1 second of page-load time = $2,500,000 annual lost sales SO… • ~3-second page-load time (or faster) • 47% of users expect page load < 2 seconds • 40% of users abandon sites with a page load of > 3s • Mobile users are more patient (for now – don’t forget 3G)
- 12. Where to Start? • Start simple – how does the site feel? • Gather metrics • Web Page Test (http://www.webpagetest.org/) • Google Analytics • Yahoo’s Yslow (browser plug-in) • New Relic & other paid tools • Tackle one issue at a time, test, repeat • Big gains are possible with targeted optimization • Remember Pareto’s Principal (the 80/20 rule)
- 13. Performance Step #1 – Tune The Environment • Hardware and software choices matter! • Talk to your hosting provider and make sure they: • Configure the PHP interpreter correctly (this runs Magento) • Make sure they use a correctly configured PHP-FPM • Configure the database server correctly (typically MySQL) • Use Percona Server instead of MySQL • Make sure you use XtraDB as your table store • Implement the Magento best practices (at a minimum) • We cover all of this in detail in a free whitepaper (more later)
- 14. Effect Of Database Software Selection MySQL tops out Percona Server hits~1200 t/sec at ~1800 t/sec
- 15. Performance Step #2 – Tune Magento • Make full use of Magento’s built-in features! • The two-level cache • Use memcache as the ‘fast cache’ • Use Redis as the ‘slow cache’ • Session caching • Use memcache • The Magento full page cache (FPC) • Use memcache • HUGE performance gains instantly • 1.13 has smarter cache invalidation than prior versions
- 16. Basic Benchmarking – Un-optimized Magento • TTFB (time to first byte) Not a great start… Ignore these for now. Remember - one thing at a time! We’re at about 3 seconds to start TTFB is pushing full second BUT… Repeat viewsaare not too shabby!
- 17. The Magento Full Page Cache (Optimal Conditions) The cache takes a few minutes to build ~2 seconds without the FPC ~.5 seconds with the FPC!
- 18. The Power of the FPC From “F” to “B” with a single config change And we’ve gained a full ½ second (was 2.8) RepeatTTFB isare served at just over ½ a second! (was ~1) pages only .36 seconds! (was .75)
- 19. What Does This Really Look Like? FPC DISABLED FPC ENABLED
- 20. Performance Step #3 – Speed Up the Edge • Host where your customers are • Put your site on the same continent as your audience (or closer) • Use a global content delivery network (CDN) • 75% of all e-commerce sites do not use a CDN • Turn on compression for JavaScript, CSS, HTML, images, etc • 22% of all e-commerce sites do not use compression • Turn on HTTP Keep-alives (keeps per-client connections open) • 13% of all e-commerce sites do not use the keep-alive setting • Beware of too many (or just plain bad) external resources (JavaScript, CSS, images, ads etc)
- 21. Edge Tuning CDN configured Simple server-side Image compression is changes make these by your best done perform design team We’ve gained another full second (was 2.4) TTFB largely unaffected (as expected) here (was 1.6) The second was largely gained
- 22. Performance Step #4 • Make use of good 3rd party extensions • Performance isn’t always simple • Nexcess/Turpentine can be part of the answer • Beware of bad 3rd party extensions • May induce slowness (complex or non-optimal queries) • May include slow off-server content • Test all extensions for performance before using in production! • Strike a usability balance between performance and features
- 23. Turpentine’s Effect On Response Time Turpentine can cut this down quite a bit! Remember – FPC yields ~.5 second page load times (under optimal conditions)
- 24. Pushing It Further From “B” to “A” with a single free extension Down to almost 1 second! Our lowest TTFB yet! (was .38) Even with all optimizations ON there is still variance
- 25. Performance Side Effects • Faster sites are stickier – Wikia.com’s re-architecting found: • ~15% exit rate for a 2 second page load • ~10% exit rate for a 1 second page load • Faster sites yield higher search engine placement • Google / Bing / Yahoo! use speed as a metric in their algorithms • You’re more ready for that viral video or the GMA effect • GMA = Good Morning America – a popular U.S. morning show • Faster doesn’t have to mean more expensive • Costs can often be lowered as a result of caching & optimization
- 26. Caching Can Save Money – How? ~550 transactions/sec ~120 transactions/sec
- 27. Don’t Forget • Performance is not a one-time activity (monitor often) • The 80/20 rule is a good guide • Make performance part of your design/development process • Choose extensions based on a performance SLA • Make sure your developers understand how to design/code for performance • All 3rd party extensions are not created equal! • Software/code optimization can only go so far – hardware can help • Dedicated admin, database and web servers may be needed
- 28. Final Thoughts • Performance matters and ROI can be considerable • Slow = frustrating • The biggest sites on the Internet have seen measurable bottom-line gains when focusing on performance • Tune: • The environment (find the right Magento Hosting Partner) • Magento • The edge • 3rd party extensions • Many optimization techniques are easy/free
- 29. More Information Our Magento Performance Whitepaper is available at: http://www.nexcess.net/magento-best-practices-whitepaper Our Turpentine extension is available at: http://www.nexcess.net/magento-turpentine-extension