xStats.js ^v1.0.0-pre

Cross-browser JavaScript Performance Monitor

xStats provides simple charts to help monitor your code performance.

• FPS Frames rendered per second. The higher the number the better.
• MS Milliseconds needed to render a frame. The lower the number the better.
• MEM Megabytes of memory used. Make sure it doesn't keep incrementing. (WebKit-based browsers only)

BestieJS Incubator

xStats still needs a little work to be worthy of the title "Best in Class". Please, feel free to contribute additional unit tests or documentation.

Documentation

The documentation for xStats.js can be viewed here: /doc/README.md

For more information on the techniques and code behind xStats.js please check out my screencast over it.

Screenshots

Usage

var stats = new xStats;
document.body.appendChild(stats.element);

Enable MEM

• Chrome

  • Linux: /opt/google/chrome/google-chrome --enable-memory-info
  • Windows: "C:\Program Files\Google\Chrome\Application\chrome.exe" --enable-memory-info
  • MacOS: /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --enable-memory-info

• Safari

  • MacOS: Open ~/Library/Preferences/com.apple.Safari.plist file for editing, and check WebKitMemoryInfoEnabled

Author

• John-David Dalton