mirror of
https://github.com/servo/servo.git
synced 2025-09-10 15:08:21 +01:00
Vendors the [blink perf tests](https://chromium.googlesource.com/chromium/src/+/HEAD/third_party/blink/perf_tests/). These perf tests are useful to evaluate the performance of servo. The license that governs the perf tests is included in the folder. Running benchmark cases automatically is left to future work. The update.py script is taken from mozjs and slightly adapted, so we can easily filter (and patch if this should be necessary in the future. Testing: This PR just adds the perf_tests, but does not use or modify them in any way. --------- Signed-off-by: Jonathan Schwender <schwenderjonathan@gmail.com>
41 lines
1.3 KiB
HTML
Vendored
41 lines
1.3 KiB
HTML
Vendored
<!DOCTYPE html>
|
|
<title>Comparing identical custom property sets</title>
|
|
<script src="../resources/runner.js"></script>
|
|
<script src="resources/utils.js"></script>
|
|
<main id=main></main>
|
|
<script>
|
|
const PROP_COUNT = 1000;
|
|
const TOKEN_COUNT = 3000; // Per custom property.
|
|
const NODE_COUNT = 20000;
|
|
|
|
// Generate declarations with values that have many tokens (i.e. values
|
|
// that would be expensive to call StyleVariables::operator== on).
|
|
//
|
|
// --x0:X X X ... 0
|
|
// --x1:X X X ... 1
|
|
// ...
|
|
let base_value = 'X '.repeat(TOKEN_COUNT / 2);
|
|
let declaration_array = [];
|
|
for (let i = 0; i < PROP_COUNT; i++) {
|
|
let value = base_value + i.toString(); // Make value unique.
|
|
declaration_array.push(`--x${i}:${value};`);
|
|
}
|
|
|
|
// Generate two rules which produce identical StyleVariables objects.
|
|
// It's important that they are identical, so that StyleVariables::operator==
|
|
// has to take the slowest possible path.
|
|
let declarations = declaration_array.join('\n');
|
|
applyCSSRule(`#main { ${declarations} }`);
|
|
applyCSSRule(`#main.change { ${declarations} }`);
|
|
|
|
createDOMTree(main, NODE_COUNT, 1 /* siblings */);
|
|
|
|
PerfTestRunner.measureTime({
|
|
description: 'Comparing identical custom property sets',
|
|
run: function() {
|
|
forceStyleRecalc(main);
|
|
main.classList.toggle('change');
|
|
forceStyleRecalc(main);
|
|
}
|
|
});
|
|
</script>
|