Files
react/scripts/bench/benchmarks/pe-functional-components/index.html
Dominic Gannaway a7d8ebd2b5 Add React benchmarking infrastructure (#9465)
* Initial commit for WIP benchmarking infrastructure

* fixed lint issues and ran prettier

* added <rootDir>/scripts/bench/ to ignore paths for Jest

* tidied up code and fixed a few bugs in the runner.js

* fixed eslint

* improved the benchmark output from the runner

* fixed typo

* tided up print output in runner.js

* throw error if chrome canary is not installed on mac

* added better bench stats output (tables)

* added benchmark diff to table results

* adds bundle size comparisons to results

* tidied up the results

* fixed prettier output

* attempt to trigger bech for circleci build

* fixes flow exlclusion for lighthouse module

* added class components benchmark

* cleaned up stats.js

* stability changes

* circleci node version to 7

* added another benchmark

* added colours to the different benchmarks to check if being cached

* force no-cache headers

* added more info messages

* refactor chrome launching.

* fixed an issue where launcher.kill might fail

* Move server to runner. Launch it only once.

* tidy up

* changes the logic in how the remote repo is checked out

* removes bench from circleci build

* removed colors from benchmarks (no longer needed)

* added CI integration comment

* added hacker news benchmark

* added skipBuild functionality

* relabelled remote

* Add confidence intervals

* added first meaningful paint

* removed some unused code

* reverted code.json

* updated benchmark runs back to 10

* no longer breaks when results contain missing bundles

* adds CPU throttling

* renamed build to remote-repo

* small fix to build

* fixed bad merge

* upped runs to 10 from 2 again

* properly pulls master

* removes old-bench

* runs benchmarks in headless mode

* adds a --headless option

* improved the git build process

* added README

* updated based feedback from review

* adds merge base commit sha

* addressing more PR feedback

* remove built JS react files

* updated .gitignore

* added combined bundle load times to the metrics
2017-05-09 17:13:54 +01:00

32 lines
943 B
HTML

<html>
<body>
<div id="app"></div>
<script>
performance.mark('Load React');
performance.mark('Load React+ReactDOM');
</script>
<script src="react.production.min.js"></script>
<script>
performance.measure('Load React', 'Load React');
</script>
<script>
performance.mark('Load ReactDOM');
</script>
<script src="react-dom.production.min.js"></script>
<script>
performance.measure('Load ReactDOM', 'Load ReactDOM');
performance.measure('Load React+ReactDOM', 'Load React+ReactDOM');
</script>
<script src="benchmark.js"></script>
<script>
performance.mark('Inital Render');
render();
performance.measure('Inital Render', 'Inital Render');
requestAnimationFrame(() => {
performance.mark('Update Render');
render();
performance.measure('Update Render', 'Update Render');
});
</script>
</body>
</html>