<!doctypehtml>
<style> div { padding: 1px; }
.test div { padding: 2px; }
.test divdiv { padding: 3px; }
.test divdivdiv { background: orange; }
.test divdivdivdiv { background: white; }
.test divdivdivdivdiv { background: red; }
</style>
<body>
<script>
let root = document.createElement('div');
let p = root;
for (let i = 0; i < 1000; ++i) {
p = p.appendChild(document.createElement('div'));
p.appendChild(document.createTextNode(i));
}
document.body.appendChild(root);
// Flush styles.
document.body.offsetTop;
// Add 20 more top-level siblings to ensure that the style traversal goes
// parallel before the deep tree is processed.
//
// Note that we need to make these children of the <html> element, not the
// <body> element, because invalidations get processed by the parent when
// enqueuing children, so the _parent_ needs to be at a level in the DOM
// with enough dirty siblings to trigger a switch to parallel mode.
for (let i = 0; i < 20; ++i) {
document.documentElement.appendChild(document.createElement('div'));
}
root.className = 'test';
</script>
</body>
Messung V0.5
¤ Dauer der Verarbeitung: 0.18 Sekunden
(vorverarbeitet)
¤
Die Informationen auf dieser Webseite wurden
nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit,
noch Qualität der bereit gestellten Informationen zugesichert.
Bemerkung:
Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.
