https://github.com/cristiingineru/rafmeter
A minimally invasive raf/fps meter
https://github.com/cristiingineru/rafmeter
fps meter requestanimationframe
Last synced: 6 months ago
JSON representation
A minimally invasive raf/fps meter
- Host: GitHub
- URL: https://github.com/cristiingineru/rafmeter
- Owner: cristiingineru
- License: mit
- Created: 2017-02-15T19:14:21.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-02T14:28:56.000Z (over 9 years ago)
- Last Synced: 2024-04-29T13:42:29.455Z (about 2 years ago)
- Topics: fps, meter, requestanimationframe
- Language: HTML
- Homepage:
- Size: 61.5 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# About
A minimally invasive raf/fps meter.
# How it works
A requestAnimationFrame is scheduled to run as fast as possible and the time between two such calls is measured and stored in a short buffer. From time to time the mean duration is calculated and displayed at the top of the page.
In case the application being benchmarked is scheduling its own requestAnimationFrame(s) then there is no need to change them or merge with the instrumentation code because the browser will run all them.
# Setup
Just add this line to the page:
```html
```
# Examples
https://rawgit.com/cristiingineru/rafmeter/master/test1.html
https://rawgit.com/cristiingineru/rafmeter/master/test2.html
https://rawgit.com/cristiingineru/rafmeter/master/test3.html
# Impact on performance
The instrumentation is taking up to 0.25 ms which for an ideally fluent page running at 60 fps means 1.5%. The slower the page the smaller the impact of the instrumentation.
# Bulk
Lots of pages to be benchmarked? Add instrumentation to all of them with [rafmeter-injector](https://github.com/cristiingineru/rafmeter-injector)