Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Speed Thrills - Suiteworld 2016

46 views

Published on

Presented at SuiteWorld 2016 in San Jose, California.

Studies show a direct correlation between website performance and conversion rates. In other words, a fast website is critical to success. In this session we will demonstrate how to optimize the performance of a SuiteCommerce Advanced site. You will learn all about best practices, in conjunction with the tools and processes in place to make sure your store meets the high demands for speed you and your customers expect.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Speed Thrills - Suiteworld 2016

  1. 1. © NetSuite Inc. 20161 WELCOMEMAKE BOLD HAPPEN
  2. 2. © NetSuite Inc. 20162 SPEED THRILLS: OPTIMIZING THE PERFORMANCE OF A SUITECOMMERCE WEBSITE Mark Sweeting & Diego Cardozo, Web Performance Engineers May 18, 2016
  3. 3. © NetSuite Inc. 20163 Cautionary Note: Forward Looking Statement This presentation contains “forward-looking” statements that involve risks and uncertainties and assumptions. These statements are based on information available to NetSuite management at the time of this presentation. Actual results could differ materially from our current expectations as a result of many factors, including, but not limited to, risks associated with quarterly fluctuations in our business and results of operations; current macro-economic conditions and the possibility they could deteriorate; changes in business plans of our SuiteCloud partners and other strategic partners; and the effects of competition. These and other risks and uncertainties associated with our business are described in our most recently filed annual report on Form 10-K for the year ending 12/31/15 and any subsequently filed reports on Form 10-K, 10-Q or 8-K. These filings are available on the SEC’s website at www.sec.gov and on NetSuite’s website at www.netsuite.com. We assume no obligation and do not intend to update any forward looking statements. Customers who purchase our services should make sure the decisions are based on features that are currently available. Please be advised that any unreleased services or features from NetSuite that are not currently available may not be delivered on time, or at all.
  4. 4. © NetSuite Inc. 20164 AGENDA 4 1 Why Performance Matters 2 Optimization Case Study – AllCon Group 3 Demo 4 Resources
  5. 5. © NetSuite Inc. 20165 WHY PERFORMANCE MATTERS
  6. 6. © NetSuite Inc. 20166 Shopzilla found that a 5 second improvement in speed increased the conversion by 7-12% as well as increasing page views by 25%. Source: http://cdn.oreillystatic.com/en/assets/1/event/29/Shopzilla_s%20Site%20Redo%20- %20You%20Get%20What%20You%20Measure%20Presentation.ppt Shopzilla WHY PERFORMANCE MATTERS
  7. 7. © NetSuite Inc. 20167 For every 100 milliseconds increase in load time of Amazon.com, sales decreased by 1%. Source: http://www.exp-platform.com/Documents/IEEEComputer2007OnlineExperiments.pdf WHY PERFORMANCE MATTERS Amazon.com
  8. 8. © NetSuite Inc. 20168 One second faster home page in median and six seconds faster 98% made the conversion improve by roughly 10%. Source: http://www.slideshare.net/cliffcrocker/velocity-ny-how-to-measure-revenue-in- milliseconds WHY PERFORMANCE MATTERS Staples
  9. 9. © NetSuite Inc. 20169 WHY PERFORMANCE MATTERS • Better customer experience • Reduced bounce rates • Increased conversion rates • More pages viewed per session (browsing) • Larger average order value • Improved return-visitor numbers • Improved search engine results page position • Lower cost of customer acquisition BUMPER PROFITS
  10. 10. © NetSuite Inc. 201610 CASE STUDY: ALLCON GROUP
  11. 11. © NetSuite Inc. 201611 ALLCON GROUP – WWW.ALLCONGROUP.COM.AU Source: http://www.allcongroup.com.au/about/corporate-foundation • Allcon is a 3rd generation family business established for nearly 30 years • Based in Melbourne, Victoria, Australia • A specialist supplier of tools, equipment and consumable products to the concrete construction industry • Goal is to save their customers time − Their SuiteCommerce Advanced website is a key part of their strategy to fulfil this commitment
  12. 12. © NetSuite Inc. 201612 RULES OF THE GAME • No visual changes to site • Keep existing design and functionality • Requires minimal time and skill to implement
  13. 13. © NetSuite Inc. 201613 THE RESULTS • Journey measured: Home  Category  Item  Add to Cart  View Cart  Proceed to Checkout • End-to-end journey time improved from 30.2 seconds to 16.1 seconds – a savings of 47% • Measured using Keynote, and WebPage Test
  14. 14. © NetSuite Inc. 201614 ALLCON GROUP – PRODUCTION PERFORMANCE 0 1 2 3 4 5 6 7 8 Home Category1 Search Item Add to Mini Cart View Cart Proceed To Checkout Seconds Step Name Allcon Group (Produc on) | Performance Against 15.1 Standards 7 Days, 20-Mar-16 to 4-Apr-16 Good Warning Problem 15.1 Standards (PS) Feb 28 - Mar 6 Industry Index
  15. 15. © NetSuite Inc. 201615 ALLCON GROUP – SANDBOX (OPTIMIZED) 0 1 2 3 4 5 6 7 8 Home Category1 Search Item Add to Mini Cart View Cart Proceed To Checkout Seconds Step Name Allcon Group Sandbox | Performance Against 15.1 Standards 4 Hours, 5-Apr-16 Good Warning Problem 15.1 Standards (PS) Feb 28 - Mar 6 Industry Index
  16. 16. © NetSuite Inc. 201616 OPTIMIZATION: HOME PAGE
  17. 17. © NetSuite Inc. 201617 HOMEPAGE
  18. 18. © NetSuite Inc. 201618 HOMEPAGE – WATERFALL
  19. 19. © NetSuite Inc. 201619 HOMEPAGE – OPTIMIZATIONS 4.455 318 51 31 Content breakdown, Kilobytes image js css other 92% ✓ Compress images, as they are 92% (in bytes) of the homepage (4,455 KB) ✓ Size images appropriately for device - use imager.js ✓ Improve API call times – remove unused fields ✓ Fix DNS pre-fetch ✓ Minify JavaScript (Libraries)
  20. 20. © NetSuite Inc. 201620 HOMEPAGE – AFTER (DESKTOP) 0 2 4 6 8 10 12 14 16 Load Time Start Render Visually Complete Fully Loaded Seconds Before After 4.681 1.185 0 1.000 2.000 3.000 4.000 5.000 Kilobytes Before After Cable (5/1 Mbps 28ms RTT) Source: http://www.webpagetest.org/result/160401_BX_b92d6e4b16684daffb56ea59b2f3e781/5/details/
  21. 21. © NetSuite Inc. 201621 4.696 601 0 1.000 2.000 3.000 4.000 5.000 Kilobytes Before After 0 2 4 6 8 10 12 14 16 Load Time Start Render Visually Complete Fully Loaded Seconds Before After HOMEPAGE – AFTER (IPHONE 6) Cable (5/1 Mbps 28ms RTT) Source: http://www.webpagetest.org/result/160404_CG_0b88c767e4e593fb871b03d4d7840925/1/details/ & http://www.webpagetest.org/result/160404_4N_154905759c92f0e04d564608c5d7213f/2/details/
  22. 22. © NetSuite Inc. 201622 OPTIMIZATION: PRODUCT LISTING
  23. 23. © NetSuite Inc. 201623 PRODUCT LISTING
  24. 24. © NetSuite Inc. 201624 PRODUCT LISTING – UNCACHED, UNOPTIMIZED Green = Time to First Byte, or server-side code execution time Blue = content transfer time
  25. 25. © NetSuite Inc. 201625 PRODUCT LISTING – UNCACHED, OPTIMIZED Green = Time to First Byte, or server-side code execution time Blue = content transfer time Uncached API call down from 7655 ms to 1259 ms
  26. 26. © NetSuite Inc. 201626 PRODUCT LISTING – ITEM API RESPONSE Item (24) Item Data Related Items (30) Custom Fields Item Data, Stock Info, Images • itemid • internalid • displayname • ispurchasable • showoutofstockmessage • stockdescription • outofstockmessage • isbackorderable • isinstock Stock Info Images Pricing Info • onlinecustomerprice • onlinecustomerprice_format ted • priceschedule
  27. 27. © NetSuite Inc. 201627 PRODUCT LISTING – ITEM API RESPONSE Item (24) Item Data Related Items (30) Custom Fields • ispurchasable • showoutofstockmessage • stockdescription • outofstockmessage • isbackorderable • isinstock Stock Info Images Pricing Info • onlinecustomerprice • onlinecustomerprice_format ted • priceschedule
  28. 28. © NetSuite Inc. 201628 PRODUCT LISTING – THE DETAILS • 84% reduction in download time, from 7.7 seconds to 1.3 seconds • 98% reduction on payload size, 126 KB to 3 KB
  29. 29. © NetSuite Inc. 201629 OPTIMIZATION: ITEM PAGE
  30. 30. © NetSuite Inc. 201630 ITEM PAGE
  31. 31. © NetSuite Inc. 201631 ITEM PAGE – OPTIMIZATIONS • 37% reduction in time, from 1058 ms to 671 ms • 58% reduction in payload size, from 10 KB to 4.2 KB No coding Required. Just remove unrequired fields from API response: • details: stockdescription, custitem_dl_msds, pagetitle, outofstockmessage, relateditemsdescription • relateditems_detail: outofstockmessage, itemoptions_details, stockdescription, quantityavailable, outofstockbehavior
  32. 32. © NetSuite Inc. 201634 OPTIMIZATION: PROCEED TO CHECKOUT
  33. 33. © NetSuite Inc. 201635 PROCEED TO CHECKOUT
  34. 34. © NetSuite Inc. 201636 PROCEED TO CHECKOUT – PRODUCTION Get minicart sc.environment.ssp Unminified JavaScript Source: http://www.webpagetest.org/result/160404_C7_cfbb106eabf9a06be81e2e4ad5442c67/5/details/
  35. 35. © NetSuite Inc. 201637 PROCEED TO CHECKOUT – SANDBOX Source: http://www.webpagetest.org/result/160405_8A_62Z/4/details/
  36. 36. © NetSuite Inc. 201638 PROCEED TO CHECKOUT – OPTIMIZATIONS • Removed minicart • Minfied JavaScript – 53% saving −From 275 KB to 129 KB • Remove categories from sc.environment.ssp – 76% saving −From 37.6 KB to 9 KB
  37. 37. © NetSuite Inc. 201639 LIGHTNING DEMO USING WEBPAGE TEST
  38. 38. © NetSuite Inc. 201640 HERE TO HELP
  39. 39. © NetSuite Inc. 201641 COMMERCE PERFORMANCE TEAM SERVICES • Performance Audits − Front end − Back end − Implementation • Performance Optimizations − SuiteScripts − Workflows • Built to Perform • Checkpoints
  40. 40. © NetSuite Inc. 201642 RESOURCES (GET YOUR CAMERAS READY…)
  41. 41. © NetSuite Inc. 201643 • MozJPEG compressor https://imageoptim.com/mozjpeg/ • ImageAlpha (for PNGs) https://pngmini.com/ • BBC imager.js https://github.com/BBC-News/Imager.js/ RESOURCES • Developers.suitecomerce http://developers.suitecommerce.com • SuiteAnswers (log in, click support tab) https://system.netsuite.com/ • Webpage Test http://www.webpagetest.org/ • Yahoo https://developer.yahoo.com/performance/ • Google https://developers.google.com/speed/
  42. 42. © NetSuite Inc. 201644 Q&A’s
  43. 43. © NetSuite Inc. 201645 THANK YOU!

×