Run results for: getBoundingClientRect cashing

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Browser: Chrome 135

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

Caсhing

147K/s

No caсh

49K/s

View exact numbers

Test name	Executions per second
✓ Caсhing	146,904 Ops/sec
No caсh	49,019 Ops/sec

HTML Preparation code:

<div id="test"></div>

Script Preparation code:

const testEl = document.getElementById('test');
var a = {
	get testRect() {
      return testEl.getBoundingClientRect();
    },
    set testRect(val) {
    }
}

Tests:

No caсh
let rectData = a.testRect; let height = a.testRect.height; let width = a.testRect.width;
Caсhing
let rectData = a.testRect; let height = rectData.height; let width = rectData.width;