Benchmark: DOM Parser vs insertAdjacentHTML

Script Preparation code:

var string = `
<div class="htmlTooltip">
    <h1>Detalles de flota:</h1>
    <div class="splitLine"></div>
            <table cellpadding="0" cellspacing="0" class="fleetinfo">
            <tr>
                <th colspan="3">Naves:</th>
            </tr>
                                                <tr>
                        <td colspan="2">Nave grande de carga:</td>
                        <td class="value">30.000</td>
                    </tr>
                                    <tr>
                        <td colspan="2">Reciclador:</td>
                        <td class="value">5</td>
                    </tr>
                                    <tr>
                        <td colspan="2">Sonda de espionaje:</td>
                        <td class="value">495</td>
                    </tr>
                                    <tr>
                        <td colspan="2">Estrella de la muerte:</td>
                        <td class="value">15.001</td>
                    </tr>
                                    <tr>
                        <td colspan="2">Explorador:</td>
                        <td class="value">5</td>
                    </tr>
                                    <tr>
                        <td colspan="2">Segador:</td>
                        <td class="value">5</td>
                    </tr>
                                                        <tr>
                    <td colspan="3">&nbsp;</td>
                </tr>
                <tr>
                    <th colspan="3">Carga:</th>
                </tr>
                                    <tr>
                        <td colspan="2">Metal:</td>
                        <td class="value">518.317.197</td>
                    </tr>
                                    <tr>
                        <td colspan="2">Cristal:</td>
                        <td class="value">5.619.435.427</td>
                    </tr>
                                    <tr>
                        <td colspan="2">Deuterio:</td>
                        <td class="value">4.006.147.760</td>
                    </tr>
                                    <tr>
                        <td colspan="2">Alimentación:</td>
                        <td class="value">0</td>
                    </tr>
                                    </table>
    </div>    `;

Tests:

DOM Parser (small)
const html = new window.DOMParser().parseFromString(string, "text/html");
insertAdjacentHTML (small)
const div = document.createElement("div"); const html = div.insertAdjacentHTML("afterbegin", string);

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

insertAdjacentHTML (small)

9K/s

DOM Parser (small)

6K/s

Fastest: insertAdjacentHTML (small) (1.4x faster)

View exact numbers

✓ insertAdjacentHTML (small): 8,553 ops/sec
• DOM Parser (small): 6,067 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
DOM Parser (small)
insertAdjacentHTML (small)

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Browser/OS: Chrome 137 on Windows

View result in a separate tab

insertAdjacentHTML (small)

15K/s

DOM Parser (small)

14K/s

View exact numbers

Test name	Executions per second
✓ insertAdjacentHTML (small)	14,848 Ops/sec
DOM Parser (small)	14,458 Ops/sec

DOM Parser vs insertAdjacentHTML (version: 0)

Comparing performance of: `DOM Parser (small) vs insertAdjacentHTML (small)`

Created: 2 years ago by: Guest

Go to the latest result

DOM Parser (small)

insertAdjacentHTML (small)

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

DOM Parser vs insertAdjacentHTML (version: 0)

Comparing performance of: DOM Parser (small) vs insertAdjacentHTML (small)

Created: 2 years ago by: Guest

Go to the latest result

DOM Parser (small)

insertAdjacentHTML (small)

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `DOM Parser (small) vs insertAdjacentHTML (small)`