Benchmark: ownerDocument.defaultView vs window.getComputedStyle

HTML Preparation code:

<div id="root"><div>

Script Preparation code:

var el = document.getElementById("root");
function getStyle(elem){
  var view = elem.ownerDocument.defaultView;
  if ( !view || !view.opener ) {
    view = window;
  }

  return view.getComputedStyle( elem );
}

function getStyle2(elem){
  return window.getComputedStyle( elem );
}

Tests:

ownerDocument.defaultView
var computedStyle = getStyle(el);
window.getComputedStyle
var computedStyle = getStyle2(el);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
ownerDocument.defaultView
window.getComputedStyle

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 7 months ago)

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

Browser/OS: Chrome 117 on Windows

View result in a separate tab

Test name	Executions per second
ownerDocument.defaultView	732782.1 Ops/sec
window.getComputedStyle	1064091.0 Ops/sec

ownerDocument.defaultView vs window.getComputedStyle (version: 0)

Comparing performance of: ownerDocument.defaultView vs window.getComputedStyle

Created: 7 years ago by: Registered User

Jump to the latest result

ownerDocument.defaultView

window.getComputedStyle

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A