simple real world browser profiler. measures an event, reloads the page for you, and reports results.
<html>
...
<!-- 1. include the script at the bottom of your body -->
<script src="//raw.githubusercontent.com/bcherny/browser-profiler/master/index.js"></script>
<!-- 2. set up the profiler -->
<script>
window.myProfiler = new Profiler('MY_PROFILE')
</script>
<!-- 3. profile an operation -->
<script>
const startTime = window.performance.now()
doSomeOperation()
const endTime = window.performance.now()
window.myProfiler.done(endTime - startTime)
</script>
</body>
</html>after 20 runs, your results will be logged out to the console:
MY_PROFILE completed 20 runs! {
stats: {
mean: 227.84,
stdev: 7.60
},
times: [
225.01,
228.84,
...
]
}
- close devtools
- disable all Chrome extensions (or run in incognito and ensure that all extensions are disabled)
- ensure that your tab is running in its own window, without other tabs open (see why here)
- avoid interacting with your machine while the Profiler is running