SlideShare a Scribd company logo
© NetSuite Inc. 20161
WELCOMEMAKE BOLD HAPPEN
© NetSuite Inc. 20162
SPEED THRILLS: OPTIMIZING THE
PERFORMANCE OF A SUITECOMMERCE
WEBSITE
Mark Sweeting & Diego Cardozo, Web Performance Engineers
May 18, 2016
© 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.
© NetSuite Inc. 20164
AGENDA
4
1 Why Performance Matters
2 Optimization Case Study – AllCon Group
3 Demo
4 Resources
© NetSuite Inc. 20165
WHY
PERFORMANCE
MATTERS
© 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
© 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
© 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
© 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
© NetSuite Inc. 201610
CASE STUDY:
ALLCON GROUP
© 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
© NetSuite Inc. 201612
RULES OF THE GAME
• No visual changes to site
• Keep existing design and functionality
• Requires minimal time and skill to implement
© 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
© 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
© 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
© NetSuite Inc. 201616
OPTIMIZATION:
HOME PAGE
© NetSuite Inc. 201617
HOMEPAGE
© NetSuite Inc. 201618
HOMEPAGE – WATERFALL
© 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)
© 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/
© 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/
© NetSuite Inc. 201622
OPTIMIZATION:
PRODUCT LISTING
© NetSuite Inc. 201623
PRODUCT LISTING
© NetSuite Inc. 201624
PRODUCT LISTING – UNCACHED, UNOPTIMIZED
Green = Time to First Byte, or server-side code execution time Blue = content transfer time
© 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
© 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
© 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
© 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
© NetSuite Inc. 201629
OPTIMIZATION:
ITEM PAGE
© NetSuite Inc. 201630
ITEM PAGE
© 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
© NetSuite Inc. 201634
OPTIMIZATION:
PROCEED TO CHECKOUT
© NetSuite Inc. 201635
PROCEED TO CHECKOUT
© 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/
© NetSuite Inc. 201637
PROCEED TO CHECKOUT – SANDBOX
Source: http://www.webpagetest.org/result/160405_8A_62Z/4/details/
© 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
© NetSuite Inc. 201639
LIGHTNING
DEMO
USING WEBPAGE TEST
© NetSuite Inc. 201640
HERE TO HELP
© NetSuite Inc. 201641
COMMERCE PERFORMANCE TEAM SERVICES
• Performance Audits
− Front end
− Back end
− Implementation
• Performance Optimizations
− SuiteScripts
− Workflows
• Built to Perform
• Checkpoints
© NetSuite Inc. 201642
RESOURCES
(GET YOUR
CAMERAS READY…)
© 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/
© NetSuite Inc. 201644
Q&A’s
© NetSuite Inc. 201645
THANK YOU!

More Related Content

Similar to Speed Thrills - Suiteworld 2016

The Case for Value Stream Architecture
The Case for Value Stream ArchitectureThe Case for Value Stream Architecture
The Case for Value Stream Architecture
Tasktop
 
Puppet on a string
Puppet on a stringPuppet on a string
Puppet on a string
Alain Geenrits
 
Midsize webinar
Midsize webinarMidsize webinar
Midsize webinar
Sean O'Connell
 
SOP Planning and Optimization Solution-as-a-Service.pdf
SOP Planning and Optimization Solution-as-a-Service.pdfSOP Planning and Optimization Solution-as-a-Service.pdf
SOP Planning and Optimization Solution-as-a-Service.pdf
David Barbieri Kennedy
 
17th Salesforce Developer Group meeting in Bilbao
17th Salesforce Developer Group meeting in Bilbao17th Salesforce Developer Group meeting in Bilbao
17th Salesforce Developer Group meeting in Bilbao
northspainsalesforcedevelopergroup
 
Level Of Automation Powerpoint Presentation Slides
Level Of Automation Powerpoint Presentation SlidesLevel Of Automation Powerpoint Presentation Slides
Level Of Automation Powerpoint Presentation Slides
SlideTeam
 
Cranking It Up - SuiteWorld 2017
Cranking It Up  - SuiteWorld 2017Cranking It Up  - SuiteWorld 2017
Cranking It Up - SuiteWorld 2017
Diego Cardozo
 
Cynoteck - Salesforce Presentation - Consulting Services
Cynoteck  -  Salesforce Presentation - Consulting ServicesCynoteck  -  Salesforce Presentation - Consulting Services
Cynoteck - Salesforce Presentation - Consulting Services
Rosa Aguiar Catraio
 
How to Get the Best User Experience for Your Customers With: CA View® / CA De...
How to Get the Best User Experience for Your Customers With: CA View® / CA De...How to Get the Best User Experience for Your Customers With: CA View® / CA De...
How to Get the Best User Experience for Your Customers With: CA View® / CA De...
CA Technologies
 
Company presentation english 1 2015
Company presentation english 1 2015Company presentation english 1 2015
Company presentation english 1 2015
Locanisag
 
An Introduction to Talend Integration Cloud
An Introduction to Talend Integration CloudAn Introduction to Talend Integration Cloud
An Introduction to Talend Integration Cloud
Talend
 
Tdxgg18 summary presentation
Tdxgg18 summary presentationTdxgg18 summary presentation
Tdxgg18 summary presentation
Thierry TROUIN ☁
 
Data Con LA 2022 - Practical Solutions to Complex Supply Chain Problems
Data Con LA 2022 - Practical Solutions to Complex Supply Chain ProblemsData Con LA 2022 - Practical Solutions to Complex Supply Chain Problems
Data Con LA 2022 - Practical Solutions to Complex Supply Chain Problems
Data Con LA
 
In-Memory Data Management Goes Mainstream - OpenSlava 2015
In-Memory Data Management Goes Mainstream - OpenSlava 2015In-Memory Data Management Goes Mainstream - OpenSlava 2015
In-Memory Data Management Goes Mainstream - OpenSlava 2015
Software AG
 
OPS Executive insights Webinar - Tanzu Slides
OPS Executive insights Webinar - Tanzu SlidesOPS Executive insights Webinar - Tanzu Slides
OPS Executive insights Webinar - Tanzu Slides
VMware Tanzu
 
E4 e automotive_designrelease_v15-3
E4 e automotive_designrelease_v15-3E4 e automotive_designrelease_v15-3
E4 e automotive_designrelease_v15-3
AIMFirst
 
Using SQL and Salesforce data to build a Product Catalog (or anything) in Con...
Using SQL and Salesforce data to build a Product Catalog (or anything) in Con...Using SQL and Salesforce data to build a Product Catalog (or anything) in Con...
Using SQL and Salesforce data to build a Product Catalog (or anything) in Con...
ServiceRocket
 
Using SQL and Salesforce Data to Build a Product Catalog (or Anything) in Con...
Using SQL and Salesforce Data to Build a Product Catalog (or Anything) in Con...Using SQL and Salesforce Data to Build a Product Catalog (or Anything) in Con...
Using SQL and Salesforce Data to Build a Product Catalog (or Anything) in Con...
ServiceRocket
 
Webinar: Driving Real-dollar returns during ERP Implementations: The MDM Pers...
Webinar: Driving Real-dollar returns during ERP Implementations: The MDM Pers...Webinar: Driving Real-dollar returns during ERP Implementations: The MDM Pers...
Webinar: Driving Real-dollar returns during ERP Implementations: The MDM Pers...
Verdantis Inc.
 
Digital Time Capture Integrates with Primavera
Digital Time Capture Integrates with PrimaveraDigital Time Capture Integrates with Primavera
Digital Time Capture Integrates with Primavera
Klopstra
 

Similar to Speed Thrills - Suiteworld 2016 (20)

The Case for Value Stream Architecture
The Case for Value Stream ArchitectureThe Case for Value Stream Architecture
The Case for Value Stream Architecture
 
Puppet on a string
Puppet on a stringPuppet on a string
Puppet on a string
 
Midsize webinar
Midsize webinarMidsize webinar
Midsize webinar
 
SOP Planning and Optimization Solution-as-a-Service.pdf
SOP Planning and Optimization Solution-as-a-Service.pdfSOP Planning and Optimization Solution-as-a-Service.pdf
SOP Planning and Optimization Solution-as-a-Service.pdf
 
17th Salesforce Developer Group meeting in Bilbao
17th Salesforce Developer Group meeting in Bilbao17th Salesforce Developer Group meeting in Bilbao
17th Salesforce Developer Group meeting in Bilbao
 
Level Of Automation Powerpoint Presentation Slides
Level Of Automation Powerpoint Presentation SlidesLevel Of Automation Powerpoint Presentation Slides
Level Of Automation Powerpoint Presentation Slides
 
Cranking It Up - SuiteWorld 2017
Cranking It Up  - SuiteWorld 2017Cranking It Up  - SuiteWorld 2017
Cranking It Up - SuiteWorld 2017
 
Cynoteck - Salesforce Presentation - Consulting Services
Cynoteck  -  Salesforce Presentation - Consulting ServicesCynoteck  -  Salesforce Presentation - Consulting Services
Cynoteck - Salesforce Presentation - Consulting Services
 
How to Get the Best User Experience for Your Customers With: CA View® / CA De...
How to Get the Best User Experience for Your Customers With: CA View® / CA De...How to Get the Best User Experience for Your Customers With: CA View® / CA De...
How to Get the Best User Experience for Your Customers With: CA View® / CA De...
 
Company presentation english 1 2015
Company presentation english 1 2015Company presentation english 1 2015
Company presentation english 1 2015
 
An Introduction to Talend Integration Cloud
An Introduction to Talend Integration CloudAn Introduction to Talend Integration Cloud
An Introduction to Talend Integration Cloud
 
Tdxgg18 summary presentation
Tdxgg18 summary presentationTdxgg18 summary presentation
Tdxgg18 summary presentation
 
Data Con LA 2022 - Practical Solutions to Complex Supply Chain Problems
Data Con LA 2022 - Practical Solutions to Complex Supply Chain ProblemsData Con LA 2022 - Practical Solutions to Complex Supply Chain Problems
Data Con LA 2022 - Practical Solutions to Complex Supply Chain Problems
 
In-Memory Data Management Goes Mainstream - OpenSlava 2015
In-Memory Data Management Goes Mainstream - OpenSlava 2015In-Memory Data Management Goes Mainstream - OpenSlava 2015
In-Memory Data Management Goes Mainstream - OpenSlava 2015
 
OPS Executive insights Webinar - Tanzu Slides
OPS Executive insights Webinar - Tanzu SlidesOPS Executive insights Webinar - Tanzu Slides
OPS Executive insights Webinar - Tanzu Slides
 
E4 e automotive_designrelease_v15-3
E4 e automotive_designrelease_v15-3E4 e automotive_designrelease_v15-3
E4 e automotive_designrelease_v15-3
 
Using SQL and Salesforce data to build a Product Catalog (or anything) in Con...
Using SQL and Salesforce data to build a Product Catalog (or anything) in Con...Using SQL and Salesforce data to build a Product Catalog (or anything) in Con...
Using SQL and Salesforce data to build a Product Catalog (or anything) in Con...
 
Using SQL and Salesforce Data to Build a Product Catalog (or Anything) in Con...
Using SQL and Salesforce Data to Build a Product Catalog (or Anything) in Con...Using SQL and Salesforce Data to Build a Product Catalog (or Anything) in Con...
Using SQL and Salesforce Data to Build a Product Catalog (or Anything) in Con...
 
Webinar: Driving Real-dollar returns during ERP Implementations: The MDM Pers...
Webinar: Driving Real-dollar returns during ERP Implementations: The MDM Pers...Webinar: Driving Real-dollar returns during ERP Implementations: The MDM Pers...
Webinar: Driving Real-dollar returns during ERP Implementations: The MDM Pers...
 
Digital Time Capture Integrates with Primavera
Digital Time Capture Integrates with PrimaveraDigital Time Capture Integrates with Primavera
Digital Time Capture Integrates with Primavera
 

More from Diego Cardozo

El proximo billon de usuarios
El proximo billon de usuariosEl proximo billon de usuarios
El proximo billon de usuarios
Diego Cardozo
 
The next billion users
The next billion usersThe next billion users
The next billion users
Diego Cardozo
 
Troubleshooting Ecommerce Performance
 Troubleshooting Ecommerce Performance Troubleshooting Ecommerce Performance
Troubleshooting Ecommerce Performance
Diego Cardozo
 
Performance in the cloud
Performance in the cloudPerformance in the cloud
Performance in the cloud
Diego Cardozo
 
Cómo testear performance sin morir en el intento
Cómo testear performance sin morir en el intentoCómo testear performance sin morir en el intento
Cómo testear performance sin morir en el intento
Diego Cardozo
 
Optimize performance and not die trying
Optimize performance and not die tryingOptimize performance and not die trying
Optimize performance and not die trying
Diego Cardozo
 
Optimizar performance sin morir en el intento
Optimizar performance sin morir en el intentoOptimizar performance sin morir en el intento
Optimizar performance sin morir en el intento
Diego Cardozo
 
How to test performance and not die trying
How to test performance and not die tryingHow to test performance and not die trying
How to test performance and not die trying
Diego Cardozo
 
Testeando performance sin morir en el intento
Testeando performance sin morir en el intentoTesteando performance sin morir en el intento
Testeando performance sin morir en el intento
Diego Cardozo
 
Organización de aplicaciones web con Backbone.js
Organización de aplicaciones web con Backbone.jsOrganización de aplicaciones web con Backbone.js
Organización de aplicaciones web con Backbone.js
Diego Cardozo
 
Structuring web applications with Backbone.js
Structuring web applications with Backbone.jsStructuring web applications with Backbone.js
Structuring web applications with Backbone.js
Diego Cardozo
 
Component Based Software Development
Component Based Software DevelopmentComponent Based Software Development
Component Based Software Development
Diego Cardozo
 
Desarrollo de Software Basado en Componentes
Desarrollo de Software Basado en ComponentesDesarrollo de Software Basado en Componentes
Desarrollo de Software Basado en Componentes
Diego Cardozo
 
Single page applications
Single page applicationsSingle page applications
Single page applications
Diego Cardozo
 
Single Page Applications
Single Page ApplicationsSingle Page Applications
Single Page Applications
Diego Cardozo
 

More from Diego Cardozo (15)

El proximo billon de usuarios
El proximo billon de usuariosEl proximo billon de usuarios
El proximo billon de usuarios
 
The next billion users
The next billion usersThe next billion users
The next billion users
 
Troubleshooting Ecommerce Performance
 Troubleshooting Ecommerce Performance Troubleshooting Ecommerce Performance
Troubleshooting Ecommerce Performance
 
Performance in the cloud
Performance in the cloudPerformance in the cloud
Performance in the cloud
 
Cómo testear performance sin morir en el intento
Cómo testear performance sin morir en el intentoCómo testear performance sin morir en el intento
Cómo testear performance sin morir en el intento
 
Optimize performance and not die trying
Optimize performance and not die tryingOptimize performance and not die trying
Optimize performance and not die trying
 
Optimizar performance sin morir en el intento
Optimizar performance sin morir en el intentoOptimizar performance sin morir en el intento
Optimizar performance sin morir en el intento
 
How to test performance and not die trying
How to test performance and not die tryingHow to test performance and not die trying
How to test performance and not die trying
 
Testeando performance sin morir en el intento
Testeando performance sin morir en el intentoTesteando performance sin morir en el intento
Testeando performance sin morir en el intento
 
Organización de aplicaciones web con Backbone.js
Organización de aplicaciones web con Backbone.jsOrganización de aplicaciones web con Backbone.js
Organización de aplicaciones web con Backbone.js
 
Structuring web applications with Backbone.js
Structuring web applications with Backbone.jsStructuring web applications with Backbone.js
Structuring web applications with Backbone.js
 
Component Based Software Development
Component Based Software DevelopmentComponent Based Software Development
Component Based Software Development
 
Desarrollo de Software Basado en Componentes
Desarrollo de Software Basado en ComponentesDesarrollo de Software Basado en Componentes
Desarrollo de Software Basado en Componentes
 
Single page applications
Single page applicationsSingle page applications
Single page applications
 
Single Page Applications
Single Page ApplicationsSingle Page Applications
Single Page Applications
 

Recently uploaded

ACE - Team 24 Wrapup event at ahmedabad.
ACE - Team 24 Wrapup event at ahmedabad.ACE - Team 24 Wrapup event at ahmedabad.
ACE - Team 24 Wrapup event at ahmedabad.
Maitrey Patel
 
8 Best Automated Android App Testing Tool and Framework in 2024.pdf
8 Best Automated Android App Testing Tool and Framework in 2024.pdf8 Best Automated Android App Testing Tool and Framework in 2024.pdf
8 Best Automated Android App Testing Tool and Framework in 2024.pdf
kalichargn70th171
 
如何办理(hull学位证书)英国赫尔大学毕业证硕士文凭原版一模一样
如何办理(hull学位证书)英国赫尔大学毕业证硕士文凭原版一模一样如何办理(hull学位证书)英国赫尔大学毕业证硕士文凭原版一模一样
如何办理(hull学位证书)英国赫尔大学毕业证硕士文凭原版一模一样
gapen1
 
Malibou Pitch Deck For Its €3M Seed Round
Malibou Pitch Deck For Its €3M Seed RoundMalibou Pitch Deck For Its €3M Seed Round
Malibou Pitch Deck For Its €3M Seed Round
sjcobrien
 
Photoshop Tutorial for Beginners (2024 Edition)
Photoshop Tutorial for Beginners (2024 Edition)Photoshop Tutorial for Beginners (2024 Edition)
Photoshop Tutorial for Beginners (2024 Edition)
alowpalsadig
 
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptxMigration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
ervikas4
 
Liberarsi dai framework con i Web Component.pptx
Liberarsi dai framework con i Web Component.pptxLiberarsi dai framework con i Web Component.pptx
Liberarsi dai framework con i Web Component.pptx
Massimo Artizzu
 
Mobile App Development Company In Noida | Drona Infotech
Mobile App Development Company In Noida | Drona InfotechMobile App Development Company In Noida | Drona Infotech
Mobile App Development Company In Noida | Drona Infotech
Drona Infotech
 
Using Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query PerformanceUsing Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query Performance
Grant Fritchey
 
DevOps Consulting Company | Hire DevOps Services
DevOps Consulting Company | Hire DevOps ServicesDevOps Consulting Company | Hire DevOps Services
DevOps Consulting Company | Hire DevOps Services
seospiralmantra
 
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
kalichargn70th171
 
Boost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management AppsBoost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management Apps
Jhone kinadey
 
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
Bert Jan Schrijver
 
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
campbellclarkson
 
14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision
ShulagnaSarkar2
 
42 Ways to Generate Real Estate Leads - Sellxpert
42 Ways to Generate Real Estate Leads - Sellxpert42 Ways to Generate Real Estate Leads - Sellxpert
42 Ways to Generate Real Estate Leads - Sellxpert
vaishalijagtap12
 
The Comprehensive Guide to Validating Audio-Visual Performances.pdf
The Comprehensive Guide to Validating Audio-Visual Performances.pdfThe Comprehensive Guide to Validating Audio-Visual Performances.pdf
The Comprehensive Guide to Validating Audio-Visual Performances.pdf
kalichargn70th171
 
All you need to know about Spring Boot and GraalVM
All you need to know about Spring Boot and GraalVMAll you need to know about Spring Boot and GraalVM
All you need to know about Spring Boot and GraalVM
Alina Yurenko
 
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
safelyiotech
 
What’s New in Odoo 17 – A Complete Roadmap
What’s New in Odoo 17 – A Complete RoadmapWhat’s New in Odoo 17 – A Complete Roadmap
What’s New in Odoo 17 – A Complete Roadmap
Envertis Software Solutions
 

Recently uploaded (20)

ACE - Team 24 Wrapup event at ahmedabad.
ACE - Team 24 Wrapup event at ahmedabad.ACE - Team 24 Wrapup event at ahmedabad.
ACE - Team 24 Wrapup event at ahmedabad.
 
8 Best Automated Android App Testing Tool and Framework in 2024.pdf
8 Best Automated Android App Testing Tool and Framework in 2024.pdf8 Best Automated Android App Testing Tool and Framework in 2024.pdf
8 Best Automated Android App Testing Tool and Framework in 2024.pdf
 
如何办理(hull学位证书)英国赫尔大学毕业证硕士文凭原版一模一样
如何办理(hull学位证书)英国赫尔大学毕业证硕士文凭原版一模一样如何办理(hull学位证书)英国赫尔大学毕业证硕士文凭原版一模一样
如何办理(hull学位证书)英国赫尔大学毕业证硕士文凭原版一模一样
 
Malibou Pitch Deck For Its €3M Seed Round
Malibou Pitch Deck For Its €3M Seed RoundMalibou Pitch Deck For Its €3M Seed Round
Malibou Pitch Deck For Its €3M Seed Round
 
Photoshop Tutorial for Beginners (2024 Edition)
Photoshop Tutorial for Beginners (2024 Edition)Photoshop Tutorial for Beginners (2024 Edition)
Photoshop Tutorial for Beginners (2024 Edition)
 
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptxMigration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
 
Liberarsi dai framework con i Web Component.pptx
Liberarsi dai framework con i Web Component.pptxLiberarsi dai framework con i Web Component.pptx
Liberarsi dai framework con i Web Component.pptx
 
Mobile App Development Company In Noida | Drona Infotech
Mobile App Development Company In Noida | Drona InfotechMobile App Development Company In Noida | Drona Infotech
Mobile App Development Company In Noida | Drona Infotech
 
Using Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query PerformanceUsing Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query Performance
 
DevOps Consulting Company | Hire DevOps Services
DevOps Consulting Company | Hire DevOps ServicesDevOps Consulting Company | Hire DevOps Services
DevOps Consulting Company | Hire DevOps Services
 
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
 
Boost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management AppsBoost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management Apps
 
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
 
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
 
14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision
 
42 Ways to Generate Real Estate Leads - Sellxpert
42 Ways to Generate Real Estate Leads - Sellxpert42 Ways to Generate Real Estate Leads - Sellxpert
42 Ways to Generate Real Estate Leads - Sellxpert
 
The Comprehensive Guide to Validating Audio-Visual Performances.pdf
The Comprehensive Guide to Validating Audio-Visual Performances.pdfThe Comprehensive Guide to Validating Audio-Visual Performances.pdf
The Comprehensive Guide to Validating Audio-Visual Performances.pdf
 
All you need to know about Spring Boot and GraalVM
All you need to know about Spring Boot and GraalVMAll you need to know about Spring Boot and GraalVM
All you need to know about Spring Boot and GraalVM
 
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
 
What’s New in Odoo 17 – A Complete Roadmap
What’s New in Odoo 17 – A Complete RoadmapWhat’s New in Odoo 17 – A Complete Roadmap
What’s New in Odoo 17 – A Complete Roadmap
 

Speed Thrills - Suiteworld 2016

  • 1. © NetSuite Inc. 20161 WELCOMEMAKE BOLD HAPPEN
  • 2. © NetSuite Inc. 20162 SPEED THRILLS: OPTIMIZING THE PERFORMANCE OF A SUITECOMMERCE WEBSITE Mark Sweeting & Diego Cardozo, Web Performance Engineers May 18, 2016
  • 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. © NetSuite Inc. 20164 AGENDA 4 1 Why Performance Matters 2 Optimization Case Study – AllCon Group 3 Demo 4 Resources
  • 5. © NetSuite Inc. 20165 WHY PERFORMANCE MATTERS
  • 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. © 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. © 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. © 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. © NetSuite Inc. 201610 CASE STUDY: ALLCON GROUP
  • 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. © 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. © 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. © 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. © 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. © NetSuite Inc. 201616 OPTIMIZATION: HOME PAGE
  • 17. © NetSuite Inc. 201617 HOMEPAGE
  • 18. © NetSuite Inc. 201618 HOMEPAGE – WATERFALL
  • 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. © 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. © 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. © NetSuite Inc. 201622 OPTIMIZATION: PRODUCT LISTING
  • 23. © NetSuite Inc. 201623 PRODUCT LISTING
  • 24. © NetSuite Inc. 201624 PRODUCT LISTING – UNCACHED, UNOPTIMIZED Green = Time to First Byte, or server-side code execution time Blue = content transfer time
  • 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. © 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. © 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. © 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. © NetSuite Inc. 201629 OPTIMIZATION: ITEM PAGE
  • 30. © NetSuite Inc. 201630 ITEM PAGE
  • 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. © NetSuite Inc. 201634 OPTIMIZATION: PROCEED TO CHECKOUT
  • 33. © NetSuite Inc. 201635 PROCEED TO CHECKOUT
  • 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. © NetSuite Inc. 201637 PROCEED TO CHECKOUT – SANDBOX Source: http://www.webpagetest.org/result/160405_8A_62Z/4/details/
  • 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. © NetSuite Inc. 201639 LIGHTNING DEMO USING WEBPAGE TEST
  • 38. © NetSuite Inc. 201640 HERE TO HELP
  • 39. © NetSuite Inc. 201641 COMMERCE PERFORMANCE TEAM SERVICES • Performance Audits − Front end − Back end − Implementation • Performance Optimizations − SuiteScripts − Workflows • Built to Perform • Checkpoints
  • 40. © NetSuite Inc. 201642 RESOURCES (GET YOUR CAMERAS READY…)
  • 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. © NetSuite Inc. 201644 Q&A’s
  • 43. © NetSuite Inc. 201645 THANK YOU!