[](https://www.bithound.io/github/hammerlyrodrigo/rum/master)
[](https://gitter.im/hammerlyrodrigo/rum?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
](https://www.bithound.io/github/hammerlyrodrigo/rum/master){kind=link}
](https://gitter.im/hammerlyrodrigo/rum?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge){kind=link}
[](https://nodei.co/npm/rum-library/) ## Table of contents
](https://nodei.co/npm/rum-library/){kind=link}
- TODO LIST
- An introduction to RUM
- Getting Started
- Using RUM Monitoring Classes
- Using Routing functionality
- Version Changes
-
Create a release minified version((done) -
Complete Router remote server post functionality(done) -
Improve Router configuration options(done) - Add IndexedDB Support (Now Brewing!)
- Add Error Reporting for passive Monitor
- Add JSDoc generated documentation
- Include example site using RUM library
- Allow to configure automatic report fields
- Auto send Multi Profile reports after a number certain number of measures or after a specific time.
Real user monitoring (RUM) is a passive monitoring technology that records all user interaction with a website or client interacting with a server or cloud-based application.
Rum is a JavaScript library that provides a set of tools for monitoring performance and user activity in modern browsers through JavaScript Performance Interface, it also allows to collect and send information to a remote server using a background process that can be configured to deliver the captured metrics on specific time intervals or manually.
NOTICE: RUM IS UNDER BREWING! this library is still work in progress,
the report routing feature to external server is still under development, thus it will not be possible to post the metrics to an external server on current version(now working). Although this library is in an early stage of development it will also allow to save the metrics information between session using IndexedDB storage to provide a more comprehensive and powerful way of keeping information even after unexpected application crashes or failures.*
npm install rum-libraryThere are only tree objects that will be required to access in order to get to all RUM features, these three objects expose a subset of static methods to perform all the available functions
- Monitor : this object provides a set of functionality for passive monitoring, usually you will init it at the start of the application life cycle in order to start tracking page and resource loading operations and creating reports for you.
- Profiler : this object provides a set of tools to measure performance by creating one or more benchmarks that will require to be manually started and completed. Profiler allows to create a single profile report or a digest of a set of individual runs with statistical information about the maximum, minimum and mean execution times for the whole set.
- Router : this object allows to manually perform the metrics post operations to remote server and setup the configuration related to statics caching mechanism and automatic report dispatching.
import {Monitor, Profiler} from 'rum';
Monitor.init(); var {Monitor, Profiler} = require('rum');
Monitor.init();You can include a link to rum.js on your index and initialize the library after that to start the passive monitoring features. Get sure to include the script at the very beginning of your page.
<head>
<script src="<path-to-rum>/rum.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload = function() {
Rum.Monitor.init();
}
</script>
</head>For specific profiling you will need to call Rum.Profiler methods from your scripts.
RUM Monitor allows to watch over several page loading and resource monitoring events without needing to worry about event handling or posting the results to the remote server. Get sure to run init() method at the beginning of your application execution in order to start monitoring.
Monitor.init();Pasive Monitor will generate the following reports
- User Agent Report
- Page Load Timing Report
- Resources Load Timing Digest Report
- User Activity Report
{
"name":"page-timing",
"data":{
"source":{
"title":"Tester",
"origin":"http://localhost:7000",
"protocol":"http:",
"pathname":"/"
},
"timing":{
"connect":0,
"domainLookup":0,
"domContentLoadedEvent":49,
"loadEvent":81,
"redirect":0,
"response":1,
"unloadEvent":0
}
}
}In order to measure the performance of a specific execution path you will require to start a profiling session using the Profiler. A profiling report starts by calling Profiler.start(<identifier>) method, making sure that the identifier is unique for the current profiling session. After the operation being measured finishes you will need to call manually Profiler.stop(<identifier>). Once a profiling operation is stopped it will be routed through the report queue for further delivery to remote server.
var someLongRunningFunction = function() {
Profiler.start('my-function-profile');
//
// a long code execution................
//
Profiler.stop('my-function-profile');
}### Multi shot profiling In certain situations it will be required to have more than a single execution profile report in order to get a better statistic results, you can use
Profiler.createMulti('test');
var someLongRunningFunction = function() {
Profiler.startMeasure('test');
//
// a long code execution with variable execution time
//
Profiler.stopMeasure('test');
}
for(let i=0; i < 100; i++) {
someLongRunningFunction();
}
Profiler.complteMulti('test');{
"name":"testDigest",
"data":{
"name":"testDigest",
"entries":100,
"median":13901.39349999663,
"max":11733.0779999902,
"min":16069.709000003058
}
}Rum Router class provides a single access point for sending report content to the server by using a dedicated web worker dispatcher, it also provides a set of configuration options used by automatic routing feature.
In order to manually send to remote server the pending queue of reports call Router.flush() method.
It is requiered to set the following Router properties in order to customize the remote server address and request method
Router.serverURL = 'http://myserver.com'; //set server URL and port if required
Router.requestMethod = 'GET'; // default value is POSTIt is possible to change the default report delivery flush interval using the Router.flushInterval property. It is also possible to disable the automatic flush by setting flush interval value to false.
Router.flushInterval = 60000; //set flush interval to 1 minute
Router.flushInterval = false; //disable auto report delivery;
Router.flush(); //force cached reports to be delivery
// to remote server immediately;+ Bug fixes
- Fixed dispatcher configuration bug that prevented Router
configuration to work.
- Fixed several JSLint code style issues
+ Documentation update
+ New Features
- Remote server report delivery functionality included
- New Router Configuration options
+ Several code enhancements on dispatcher behavior