Download as PDF, PPTX
![Custom Metrics / Assertions
Some Parameters:
--wait-for-selector=[CSS selector]
--post-load-delay=[seconds]
--proxy=[host:port]
--phone viewport
--runs 5
Phantomas-Juve: Simple Node Assertions
Grunt-devperf: Overview & Warnings](https://image.slidesharecdn.com/gruntvol1-140515023501-phpapp01/85/Grunt-js-for-the-Enterprise-Vol-1-Frontend-Performance-with-Phantomas-18-320.jpg)
Uploaded byDavid Amend
Grunt js for the Enterprise Vol.1: Frontend Performance with Phantomas
The document discusses the use of grunt.js and Phantomas for performance monitoring in enterprise environments. It details the tool's capabilities, including metrics for analyzing frontend performance, custom assertions, and integration with continuous integration systems. Additionally, it notes the tool's strengths, limitations, and setup simplicity.
More Related Content
Grunt js for the Enterprise Vol.1: Frontend Performance with Phantomas
- 1. Grunt.js for theEnterprise Vol. 1 Phantomas: Performance Monitoring
- 2. DavidAmend ● Java Web-Developer,Frontend Architecture ● Backbone, Ember, Angular, Grunt.js Interests: JavaScript, TypeScript, Triathlon-Sports About David.Amend@it-amend.de
- 4. Grunt.js Build tool like: Rake,ant, maven, groovy, yeoman, … Runs as npm Easy JSON-Syntax Supports in Continous Integration
- 5.
- 6.
- 7. Ready for ContinousIntegration
- 8.
- 9. Knownledge About EveryStep !
- 11.
- 12. Focus Frontend Only →No latency
- 13.
- 14.
- 15. Easy Setup phantomas: { gruntSite: { options : { indexPath : './phantomas/', options : {}, url : 'http://gruntjs.com/', buildUi : true } } }
- 16. Phantomas: Metrics ● Requestsmonitor ● Assets types ● DOM complexity ● Event listeners ● Window performance ● jQuery/Angular bound events, analyse-css ● ...
- 17. Scriptable Metrics if (typeofwindow.__phantomas !== 'undefined') { (function(phantomas) { phantomas.setMarkerMetric('actionFooBar'); })(window.__phantomas); }
- 18. Custom Metrics /Assertions Some Parameters: --wait-for-selector=[CSS selector] --post-load-delay=[seconds] --proxy=[host:port] --phone viewport --runs 5 Phantomas-Juve: Simple Node Assertions Grunt-devperf: Overview & Warnings
- 19.
- 20.
- 22.
- 23.
- 24.
- 25. Summary ● One andonly tool available ● Navigation API not always trustable?! ● Some buggy Charts ● Usage of Navigation API Specification ● E2E-Testing pluggable ● Easy to setup ● Wishlist is high
- 26.
- 27.