<head>

<title>Benchmark Source Maps</title>

<meta charset="UTF-8" />

<style>

table {

border-collapse: collapse;

}

td {

border: 1px solid #ccc;

padding: 1em;

}

thead td {

font-weight: bold;

}

tbody td {

font-family: monospace;

text-align: right;

}

</style>

</head>

<body>

<h1>Benchmark <code>mozilla/source-map</code></h1>

<form>

<p>

<label id="warm-up-iters">

Warm up iterations:

<input type="number" value="5" min="1" max="50" step="1" />

</label>

</p>

<p>

<label id="bench-iters">

Benchmark iterations:

<input type="number" value="100" min="1" max="1000" step="1" />

</label>

</p>

<p>

<label>

Input source map:

<select id="input-map">

<option value="SCALA_JS_RUNTIME_SOURCE_MAP" selected>

Scala.JS Runtime Source Map (15M)

</option>

<option value="ANGULAR_MIN_SOURCE_MAP">

AngularJS Minified Source Map (424K)

</option>

<option value="SELF_SOURCE_MAP">

Source Map for Minified Version of mozilla/source-map (252K)

</option>

</select>

</label>

</p>

<p>

<label>

Multiply size by:

<input id="multiply-size-by" type="number" , value="1" , min="1" , max="10" , step="1" />

</label>

</p>

<p>

<label>

Implementation and Browser:

<input id="impl-and-browser" value="<unknown>" />

</label>

</p>

</form>

<script src="self-source-map.js"></script>

<script src="angular-min-source-map.js"></script>

<script src="scalajs-runtime-sourcemap.js"></script>

<script src="stats.js"></script>

<script src="dist/source-map.js"></script>

<script src="bench.js"></script>

<script src="bench-dom-bindings.js"></script>

</body>