11## Intro
22
3- This small benchmark suite is dedicated to mesure & describe how compute time is spent when rendering an application like in SSR.
3+ This small benchmark suite is dedicated to measure & describe how compute time is spent when rendering an application like in SSR.
44
5- ## Struture
5+ ## Structure
66
77- ` ./main.ts ` is the entry point to run the benchmark
88- ` ./src ` contains a sample app that exports a ` render ` function.
9- - This app render a table of variable size, which depends on data (` initData() ` )
9+ - This app renders a table of variable size, which depends on data (` initData() ` )
1010- This app is then rendered X numbers of times
1111
1212- Individual function calls are measured with ` startMeasuring() ` /` stopMeasuring() ` from the core package.
@@ -20,16 +20,16 @@ This small benchmark suite is dedicated to mesure & describe how compute time is
2020
2121` pnpm bazel run //modules/ssr-benchmarks:run_browser `
2222
23- This bazel target will build the benchmark, start a http-server with a html that will load the benckmark script.
23+ This bazel target will build the benchmark, start a http-server with a html that will load the benchmark script.
2424The benchmark script with this target will have DOM Emulation disabled.
25- The result will be visible in the devtools console.
25+ The result will be visible in the DevTools console.
2626
2727Note: Due to the CLI adding some polyfills, @angular/build is patched to disable DOM emulation and running server code inside a browser:
2828
29291 . removing an import from ` node:module ` in ` polyfills.server.mjs ` (with ` tail ... ` )
30302 . removing the import of ` platform-server/init ` .
3131
32- To run create a usable flame chart, prepare a narrowed run (like ` benchmarkRun(10000, 20); ` ).
32+ To create a usable flame chart, prepare a narrowed run (like ` benchmarkRun(10000, 20); ` ).
3333Then in the performance tab of the devtools, trigger "Record & Reload" to generate a profile.
3434
3535### Deopt Explorer
0 commit comments