Benchmark: CleanVsDirty - MeasureThat.net

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

/*your preparation JavaScript code goes here
To execute async code during the script preparation, wrap it as function globalMeasureThatScriptPrepareFunction, example:*/
async function globalMeasureThatScriptPrepareFunction() {
    // This function is optional, feel free to remove it.
    // await someThing();
}

Tests:

Dirty
printHtmlContent = (htmlContent) => { const iframe = document.createElement("iframe"); iframe.style.display = "none"; document.body.appendChild(iframe); iframe.contentWindow.addEventListener("afterprint", () => { document.body.removeChild(iframe); }); // Add CSS to remove headers and footers const cssToRemoveHeadersAndFooters = `<style> @page { margin: 0; size: auto; } @media print { body { margin: 0; padding: 0; } } </style> `; iframe.contentWindow.document.open(); iframe.contentWindow.document.write(cssToRemoveHeadersAndFooters + htmlContent); iframe.contentWindow.document.close(); iframe.contentWindow.focus(); }; printHtmlContent('<div>Hello, World</div>');
Clean
printHtmlContent = (htmlContent) => { const createTemporaryIframe = () => { const iframe = document.createElement("iframe"); iframe.style.display = "none"; document.body.appendChild(iframe); return iframe; }; const writeToIframe = (iframe, content) => { iframe.contentWindow.document.open(); iframe.contentWindow.document.write(content); iframe.contentWindow.document.close(); }; const addPrintEventListeners = (iframe) => { iframe.contentWindow.addEventListener("afterprint", () => { document.body.removeChild(iframe); }); }; const printIframe = (iframe) => { iframe.contentWindow.focus(); }; // Add CSS to remove headers and footers const cssToRemoveHeadersAndFooters = ` <style> @page { margin: 0; size: auto; } @media print { body { margin: 0; padding: 0; } } </style> `; const iframe = createTemporaryIframe(); writeToIframe(iframe, cssToRemoveHeadersAndFooters + htmlContent); addPrintEventListeners(iframe); printIframe(iframe); }; printHtmlContent('<div>Hello, World</div>');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Dirty
Clean

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:139.0) Gecko/20100101 Firefox/139.0

Browser/OS: Firefox 139 on Mac OS X 10.15

View result in a separate tab

Dirty

161/s

Clean

134/s

View exact numbers

Test name	Executions per second
✓ Dirty	161 Ops/sec
Clean	134 Ops/sec

CleanVsDirty (version: 1)

Comparing performance of: `Dirty vs Clean`

Created: one year ago by: Guest

Go to the latest result

Dirty

Clean

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

CleanVsDirty (version: 1)

Comparing performance of: Dirty vs Clean

Created: one year ago by: Guest

Go to the latest result

Dirty

Clean

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `Dirty vs Clean`