Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
Run results for:
querySelector vs innerText vs offsetWidth vs outerText
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36
Browser:
Chrome 133
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Benchmark engine:
Benchmark.js
querySelector
9.0M/s
textContent
4.3M/s
innerHTML
4.1M/s
offsetWidth
795K/s
outerText
694K/s
innerText
661K/s
View exact numbers
Test name
Executions per second
✓
querySelector
8,960,820 Ops/sec
textContent
4,276,226 Ops/sec
innerHTML
4,110,426 Ops/sec
offsetWidth
794,743 Ops/sec
outerText
693,784 Ops/sec
innerText
660,835 Ops/sec
HTML Preparation code:
<div id="testdiv"> <div id="unique" class="unique" name="unique" data-unique="1">test</div> </div>
Tests:
querySelector
document.querySelector('.unique')
innerText
document.querySelector('.unique').innerText
offsetWidth
document.querySelector('.unique').offsetWidth
innerHTML
document.querySelector('.unique').innerHTML
outerText
document.querySelector('.unique').outerText
textContent
document.querySelector('.unique').textContent