Iframe messaging performance overhead (v2)

Revision 2 of this benchmark created on


Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

 
</body></html>   \'>');
    
    
    iframe.appendTo(document.body)
    
    doc = iframe[0].contentWindow
    
    element = $('<div style="border: 2px inset;">').append($("<div>asd <div>asd <div>asd <div>asd<div>this <span>is <span>test</span></span></div></div></div></div></div>"));
  };
</script>

Setup

Benchmark.prototype.setup = function() {
    
    
    iframe = $('<iframe srcdoc=\'<html><body>' + 
    '<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"/>' +  
    '<script> ' + 
      'element = $(\\\'<div style="border: 2px inset;">\\\').append($("  <div>asd <div>asd <div>asd <div>asd<div>this <span>is <span>test</span></span></div></div></div></div></div>")); ' +   
      'window.addEventListener("message", function() {' +
       ' $(element).appendTo(document.body) });

Test runner

Ready to run.

Testing in
TestOps/sec
iframe
doc.postMessage('test', '*') 
ready
element
element.appendTo('body')
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.