Info

Test how the performance of accessing CSS property by name from a CSSStyleDeclaration.

Preparation code

<div id="target"></div>
<script>
  Benchmark.prototype.setup = function() {
    var target = document.getElementById('target');
    var targetStyle = target.style;
    var result;
  };
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

result = targetStyle.color;
result = targetStyle.position;
result = targetStyle.display;
result = targetStyle.opacity;

result = targetStyle.backgroundColor;
result = targetStyle.whiteSpace;
result = targetStyle.fontSize;
result = targetStyle.textIndent;

result = targetStyle.cssColor;
result = targetStyle.cssPosition;
result = targetStyle.cssDisplay;
result = targetStyle.cssOpacity;

result = targetStyle.epubColor;
result = targetStyle.epubPosition;
result = targetStyle.epubDisplay;
result = targetStyle.epubOpacity;

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published on 15th January 2012
• Revision 2: published on 27th January 2012
• Revision 3: published on 28th January 2012
• Revision 4: published on 19th February 2012
• Revision 5: published on 20th February 2012

0 comments