New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

stats-js

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

stats-js

JavaScript Performance Monitor

  • 1.0.0-alpha1
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
1.1K
decreased by-81.5%
Maintainers
1
Weekly downloads
 
Created
Source

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

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.

Keywords

FAQs

Package last updated on 04 Oct 2014

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc