mrdoob/stats.js
Stats.js
stats.js is a JavaScript performance monitor and visual diagnostic tool. It provides a real-time overlay for tracking frame rates, memory allocation, and the rendering efficiency of web graphics and applications.
The project includes a visual meter for measuring frames per second and a browser memory profiler that displays allocated memory in megabytes to help detect resource leaks. It is designed as a web graphics debugger to monitor the efficiency of WebGL and Canvas rendering.
The tool covers a range of monitoring and observability capabilities, including the creation of custom performance panels to track application-level indicators. It identifies rendering bottlenecks and stutters by providing live data on render timing and memory usage.
Features
- Visualization Performance Monitors - Provides a real-time diagnostic utility for tracking frame rates and resource utilization in web applications.
- Memory Profiling - Monitors allocated memory in megabytes to identify memory leaks and optimize resource consumption in JavaScript apps.
- Performance Overlays - Ships an in-app visual interface that tracks real-time performance metrics like frame rates and memory usage.
- FPS Meters - Provides a visual meter that measures frames per second to identify rendering bottlenecks and stutters.
- Browser Heap Trackers - Retrieves heap usage data from the browser performance monitor to track allocated memory consumption.
- Memory Profilers - Ships a live display of allocated memory in megabytes to help detect resource leaks.
- Memory Usage Analyzers - Provides a real-time display of allocated memory in megabytes to identify leaks and resource consumption.
- Frame Timing Trackers - Calculates the delta between consecutive browser animation frames to determine real-time frequency.
- Animation Performance Debuggers - Measures frames per second and render times to ensure smooth visual transitions and animations in the browser.
- Graphics - Provides a performance overlay specifically designed for monitoring the efficiency of WebGL and Canvas rendering.
- Canvas Overlays - Implements a canvas-based overlay to display real-time performance metrics independently of the main application UI.
- Custom Metric Displays - Implements custom-defined metric displays in the monitor overlay to track specific application-level performance indicators.
- Customizable Performance Panels - Provides user-defined performance panels to visualize specific application-level indicators during development.
- Metric Panels - Organizes different performance indicators into independent visual panels that can be toggled individually.
- Benchmarking Tools - Monitors code performance with a simple info box.
- Game Utilities and Tools - Performance monitoring tool for web games.
