Run results for: innerHTML vs appendChild

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.0.1 Safari/605.1.15

Browser: Safari 18

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

appendchild

426/s

innerHTML +=

96/s

View exact numbers

Test name	Executions per second
✓ appendchild	426 Ops/sec
innerHTML +=	96 Ops/sec

Script Preparation code:

 box1 = document.createElement("div");
 box2 = document.createElement("div");
 box2HTML = box2.innerHTML;

Tests: