SlideShare a Scribd company logo
Using Data Creatively
Gareth Hughes

Senior Professional Services Consultant
"SixHardDriveFormFactors" by Paul R. Potts - Provided by Author. Licensed under CC BY-SA 3.0 us via Wikimedia Commons - http://commons.wikimedia.org/wiki/File:SixHardDriveFormFactors.jpg#/media/File:SixHardDriveFormFactors.jpg
https://www.flickr.com/photos/54497431@N05/5650382450/
Integrating
Integrating: APM
• Application Performance Management
• Code-Level visibility
• Database monitoring
• Server monitoring
Integrating: AppDynamics
DEMO
Integrating: Continuous Integration
• PA Runner for Continuous Integration
• Fail a build chain if Performance Budget exceeded
• Tested with Jenkins and Team City
• Should also work with other solutions
Integrating: Continuous Integration
Integrating: Continuous Integration
Integrating: Continuous Integration
{	
  
	
  	
  	
  	
  'config':	
  {	
  
	
  	
  	
  	
  	
  	
  	
  	
  'portalHubURL':	
  'https://portal.siteconfidence.co.uk',	
  
	
  	
  	
  	
  	
  	
  	
  	
  'paPortalURL':	
  'https://pa.siteconfidence.co.uk',	
  
	
  	
  	
  	
  	
  	
  	
  	
  'username':	
  'user@name.com',	
  
	
  	
  	
  	
  	
  	
  	
  	
  'password':	
  'mypassword',	
  
	
  	
  	
  	
  	
  	
  	
  	
  'accountName':	
  'My	
  PA	
  Account',	
  
	
  	
  	
  	
  	
  	
  	
  	
  'jobTemplateId':	
  '12345',	
  
	
  	
  	
  	
  	
  	
  	
  	
  'maxSecWaitForJob':	
  '300',	
  
	
  	
  	
  	
  	
  	
  	
  	
  'pathForOutput':	
  'paRunnerOutput.log'	
  
	
  	
  	
  	
  },	
  
	
  	
  	
  	
  'perfBudgets':	
  [	
  
	
  	
  	
  	
  	
  	
  	
  	
  {	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  'url':	
  'http://www.bbc.co.uk/',	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  'budgets':	
  [	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  {	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  'total	
  time	
  (sec)':	
  '5.0',	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  'page	
  size	
  (bytes)':	
  '400000',	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  'object	
  count':	
  '80'	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  }	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  ]	
  
	
  	
  	
  	
  	
  	
  	
  	
  },	
  
{	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  'url':	
  'http://www.bbc.co.uk/sport/',	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  'budgets':	
  [	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  {	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  'total	
  time	
  (sec)':	
  '15.0',	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  'page	
  size	
  (bytes)':	
  '1200000',	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  'object	
  count':	
  '200'	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  }	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  ]	
  
	
  	
  	
  	
  	
  	
  	
  	
  }	
  
	
  	
  	
  	
  ]	
  
}
https://www.flickr.com/photos/54745487@N00/4444141576/
Data Visualisation
Graphite does two things:
1. Store numeric time-series data
2. Render graphs of this data on demand
What Graphite does not do is collect data for you…
But we can fix that!
Data Visualisation: Graphite
Data Visualisation: Graphite
DEMO
Data Visualisation: Dashboard
• Non-Interactive Dashboard
• Open Source
• Uses existing API
• Quick, clear display of monitoring data
• Pages
• User Journeys
• Web Services
• Report by Exception feature
• Code & Link on Community Site
DEMO
https://www.flickr.com/photos/77890596@N04/8366912624/
Other Applications
API v2
• OAUTH 2 Authentication
• Simpler request format
• Unified endpoint for all services
• Monitoring
• RUM
• Performance Analyser
• Coming soon!
Thank you!
Questions?
https://community.nccgroup-webperf.com

More Related Content

Using NCC Group Web Performance Data Creatively

  • 1. Using Data Creatively Gareth Hughes
 Senior Professional Services Consultant
  • 2. "SixHardDriveFormFactors" by Paul R. Potts - Provided by Author. Licensed under CC BY-SA 3.0 us via Wikimedia Commons - http://commons.wikimedia.org/wiki/File:SixHardDriveFormFactors.jpg#/media/File:SixHardDriveFormFactors.jpg
  • 4. Integrating: APM • Application Performance Management • Code-Level visibility • Database monitoring • Server monitoring
  • 6. Integrating: Continuous Integration • PA Runner for Continuous Integration • Fail a build chain if Performance Budget exceeded • Tested with Jenkins and Team City • Should also work with other solutions
  • 9. Integrating: Continuous Integration {          'config':  {                  'portalHubURL':  'https://portal.siteconfidence.co.uk',                  'paPortalURL':  'https://pa.siteconfidence.co.uk',                  'username':  'user@name.com',                  'password':  'mypassword',                  'accountName':  'My  PA  Account',                  'jobTemplateId':  '12345',                  'maxSecWaitForJob':  '300',                  'pathForOutput':  'paRunnerOutput.log'          },          'perfBudgets':  [                  {                          'url':  'http://www.bbc.co.uk/',                          'budgets':  [                                  {                                          'total  time  (sec)':  '5.0',                                          'page  size  (bytes)':  '400000',                                          'object  count':  '80'                                  }                          ]                  },   {                          'url':  'http://www.bbc.co.uk/sport/',                          'budgets':  [                                  {                                          'total  time  (sec)':  '15.0',                                          'page  size  (bytes)':  '1200000',                                          'object  count':  '200'                                  }                          ]                  }          ]   }
  • 11. Graphite does two things: 1. Store numeric time-series data 2. Render graphs of this data on demand What Graphite does not do is collect data for you… But we can fix that! Data Visualisation: Graphite
  • 13. Data Visualisation: Dashboard • Non-Interactive Dashboard • Open Source • Uses existing API • Quick, clear display of monitoring data • Pages • User Journeys • Web Services • Report by Exception feature • Code & Link on Community Site DEMO
  • 15. API v2 • OAUTH 2 Authentication • Simpler request format • Unified endpoint for all services • Monitoring • RUM • Performance Analyser • Coming soon!