Run results for: scrollTop vs scrollTo vs scrollBy vs scroll

Run details:

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

Browser: Chrome 130

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

window.scroll

50K/s

window.scrollBy

47K/s

TEST_Body_DOM.scrollBy

42K/s

window.scrollTo

42K/s

TEST_Body_DOM.scroll

41K/s

TEST_Body_DOM.scrollTo

39K/s

TEST_Body_DOM.scrollTop =

33K/s

View exact numbers

HTML Preparation code:

<body style="height: 999999px;">

Script Preparation code:

TEST_Body_DOM = document.body;

Tests:

window.scrollTo
window.scrollTo(0, 999999); window.scrollTo(0, 499999); window.scrollTo(0, 0);
TEST_Body_DOM.scrollTop =
TEST_Body_DOM.scrollTop = 999999; TEST_Body_DOM.scrollTop = 499999; TEST_Body_DOM.scrollTop = 0;
TEST_Body_DOM.scrollTo
TEST_Body_DOM.scrollTo(0, 999999); TEST_Body_DOM.scrollTo(0, 499999); TEST_Body_DOM.scrollTo(0, 0);
TEST_Body_DOM.scroll
TEST_Body_DOM.scroll(0, 999999); TEST_Body_DOM.scroll(0, 499999); TEST_Body_DOM.scroll(0, 0);
window.scroll
window.scroll(0, 999999); window.scroll(0, 499999); window.scroll(0, 0);
window.scrollBy
window.scrollBy(0, 999999); window.scrollBy(0, -499999); window.scrollBy(0, -500000);
TEST_Body_DOM.scrollBy
TEST_Body_DOM.scrollBy(0, 999999); TEST_Body_DOM.scrollBy(0, -499999); TEST_Body_DOM.scrollBy(0, -500000);