JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 432786
  • Score
    100M100P100Q163353F
  • License MIT

JavaScript Performance Monitor

Package Exports

  • stats.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (stats.js) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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 );

var update = function () {

    stats.begin();

    // monitored code goes here

    stats.end();
    
    requestAnimationFrame( update );

};

requestAnimationFrame( update );

Bookmarklet

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

Change Log

2014 08 11 - r12 (2,310 KB, gzip: 1,087 B)

  • Browserify support. (@Miha-ha)

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.