https://github.com/be-fe/web-performance

https://github.com/be-fe/web-performance

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/be-fe/web-performance
• Owner: be-fe
• Created: 2016-06-01T03:16:39.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-04-12T09:33:49.000Z (over 7 years ago)
• Last Synced: 2024-10-03T16:03:54.835Z (3 months ago)
• Language: JavaScript
• Size: 5.86 KB
• Stars: 3
• Watchers: 10
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
## README

### Why?

The popular SPA web pages are quite different from our traditional web page, most web performance tools can't fit in the scenarios. In most of the cases, we are not interested in the network slowness, but also the slowness of js runtime.

This tool is for monitering some hipcups during your page js runtime. It will start a regularly sampling process, and mark down the slowness point (based on the definition of slowness you gave in the config) while the user is interacting with your page. 

### How to get

##### use npm:

```sh

npm install jsperformance

```

##### use script:

```html

```

### How to use

``` js

var webPerformance = new WebPerformance({

	name: 'Tester',        // Your app name

	slowStandard: 400,     // The definition of slowness for the js runtime (in miliseconds)

						   // When a slowness is met (longer than XXX ms), a callback onSlowFunc will be triggered

	eventTimeout: 2500,	   

	onEventHook: function(data) {

		console.log(data);

	},

	onSlowFunc: function(data) {

		console.log(data);

	},

	

});

webPerformance.addEvents(['click', 'hashchange', 'resize']);  //the events you want to check

```