2015-04-26 11:35:25 -07:00
|
|
|
<!doctype html>
|
|
|
|
<html>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<h2>Params</h2>
|
|
|
|
<form>
|
|
|
|
Size:
|
|
|
|
<input type="number" name="size" placeholder="size" value="100">
|
|
|
|
<br>
|
|
|
|
<button>Apply</button>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
<h2>Benchmarks</h2>
|
|
|
|
<button id="reset">Reset</button>
|
|
|
|
<table>
|
|
|
|
<tr>
|
|
|
|
<td>Baseline (plain components)</td>
|
|
|
|
<td><button id="createPlainComponents">Run</button></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td>Cost of decorators</td>
|
2015-04-30 13:38:40 -07:00
|
|
|
<td><button id="createComponentsWithDirectives">Run</button></td>
|
2015-04-26 11:35:25 -07:00
|
|
|
</tr>
|
2015-04-26 12:15:42 -07:00
|
|
|
<tr>
|
|
|
|
<td>Cost of dynamic components</td>
|
|
|
|
<td><button id="createDynamicComponents">Run</button></td>
|
|
|
|
</tr>
|
2015-04-26 11:35:25 -07:00
|
|
|
</table>
|
|
|
|
|
|
|
|
<app></app>
|
|
|
|
|
|
|
|
$SCRIPTS$
|
|
|
|
</body>
|
|
|
|
</html>
|