Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
Test hidden vs display none
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=512843" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
Browser:
Chrome 122
Operating system:
Windows
Device Platform:
Desktop
Date tested:
2 years ago
Test name
Executions per second
testA
282.0 Ops/sec
testB
298.8 Ops/sec
HTML Preparation code:
<button type="button" id="btnSaveQuerySet" disabled class="btn btn-success">Sauvegarder</button> <button type="button" id="btnCreateQuerySet" disabled class="btn btn-success">Créer</button> <button type="button" id="btnDeleteQuerySet" class="btn btn-danger">Supprimer</button>
Script Preparation code:
function testBtnA(showBtn){ const btnDelete = document.getElementById('btnDeleteQuerySet'); let btnToShow, btnToHide; if (showBtn === "create") { btnToShow = document.getElementById('btnCreateQuerySet'); btnToHide = document.getElementById('btnSaveQuerySet'); btnDelete.style.display = "none"; } else if (showBtn === "save") { btnToShow = document.getElementById('btnSaveQuerySet'); btnToHide = document.getElementById('btnCreateQuerySet'); btnDelete.style.display = "block"; } btnToShow.disabled = true; btnToShow.style.display = "block"; btnToHide.style.display = "none"; } function testBtnB(showBtn){ const btnDelete = document.getElementById('btnDeleteQuerySet'); let btnToShow, btnToHide; if (showBtn === "create") { btnToShow = document.getElementById('btnCreateQuerySet'); btnToHide = document.getElementById('btnSaveQuerySet'); btnDelete.style.display = "none"; } else if (showBtn === "save") { btnToShow = document.getElementById('btnSaveQuerySet'); btnToHide = document.getElementById('btnCreateQuerySet'); btnDelete.style.display = "block"; } btnToShow.disabled = true; btnToShow.style.visibility = "visible" btnToHide.style.display = "hidden"; }
Tests:
testA
for(let i = 0;i < 2000; ++i){ testBtnA("create") }
testB
for(let i = 0;i < 2000; ++i){ testBtnB("create") }