https://github.com/avraammavridis/angular-ngperf
Directive to measure the load time of a page's components
https://github.com/avraammavridis/angular-ngperf
Last synced: 6 months ago
JSON representation
Directive to measure the load time of a page's components
- Host: GitHub
- URL: https://github.com/avraammavridis/angular-ngperf
- Owner: AvraamMavridis
- Created: 2015-07-08T20:40:10.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2015-12-22T09:18:05.000Z (almost 10 years ago)
- Last Synced: 2025-03-30T06:02:07.529Z (6 months ago)
- Size: 3.91 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular ngPerf
version 0.1
ngPerf is a tiny module (485 bytes minified) to help you measure the loading time of the various components of your single-page-application.
### Installation
Download and place the script before your angular application script and after the core angular module.
```html
```
Then inject the module into your application:
```js
angular.module('yourApp',['angular-ngperf']);
```
Include the `ng-perf` directive in the components you want to measure.
e.g.
```html
```
Load the page and open the console on the developers tools, you will see something like:
[](http://oi57.tinypic.com/6egrk1.jpg)
### Options
| Options | Type | Explanation |
| ------------- |:-------------:| -----:|
| `ng-perf-enable` | boolean | Enable/Disable, default true |
| `ng-perf-threshold` | number (in ms) | Determines the performance budget threshold, default 200 |
| `ng-perf-name`| string | The name of the component on the log |
### Βrowser support table
[](http://oi61.tinypic.com/1zdmccm.jpg)