fps-component

0.0.2 • Public • Published

stats.js

JavaScript Performance Monitor

This class provides a simple info box that will help you monitor your code performance.

  • FPS Frames rendered in the last second. The higher the number the better.
  • MS Milliseconds needed to render a frame. The lower the number the better.

Screenshots

stats_js_fps.png stats_js_ms.png

Usage

var stats = new Stats();
stats.setMode(1); // 0: fps, 1: ms

// Align top-left
stats.domElement.style.position = 'absolute';
stats.domElement.style.left = '0px';
stats.domElement.style.top = '0px';

document.body.appendChild( stats.domElement );

setInterval( function () {

	stats.begin();

	// your code goes here

	stats.end();

}, 1000 / 60 );

Bookmarklet

Albeit theorically not as accurate the widget can also be easily inserted to any site using a bookmarklet. Follow the instructions.

Change Log

2012 09 01 - r11 (2,243 KB, gzip: 903 B)

  • Renamed build/Stats.js to build/stats.min.js.

2012 05 10 - r10 (2,243 KB, gzip: 903 B)

  • Changed .getDomElement() to .domElement back.
  • Removed .getFps(), .getFpsMin(), .getFpsMax(), .getMs(), .getMsMin(), .getMsMax().
  • Added .begin() and .end().
  • Added .setMode().
  • Themeable with CSS.

2012 01 18 - r9 (2,872 KB, gzip: 1,038 KB)

  • Changed .domElement to .getDomElement()
  • Added .getFps(), .getFpsMin(), .getFpsMax(), .getMs(), .getMsMin(), .getMsMax().

2011 10 16 - r8 (2.670 KB, gzip: 987 B)

  • Performance and size optimizations.
  • Removed memory mode.

2011 10 13 - r7 (4.083 KB, gzip: 1.377 KB)

  • Replaced new Date().getTime() with Date.now().

2011 05 28 - r6 (4.103 KB, gzip: 1.384 KB)

  • Updated check for memory accesible browsers.
  • Renamed MEM to MB for consistency reasons.

2010 09 21 - r5 (3.800 KB)

  • Different color per mode.
  • Added MEM mode. (Webkit-based browsers only)
  • Force text left aligned.

2010 06 11 - r4 (2.235 KB)

  • Added MS mode.

2010 05 12 - r3 (1.241 KB)

  • Switched to module pattern code style.
  • Removed position = 'absolute'.

2010 03 01 - r2 (2.177 KB)

  • Simplified.

2010 02 21 - r1

  • Accurate FPS calculation. (thx @spite!)

2009 08 09 - r0

  • Base code.

Readme

Keywords

none

Package Sidebar

Install

npm i fps-component

Weekly Downloads

0

Version

0.0.2

License

MIT

Last publish

Collaborators

  • tjholowaychuk