Iframe Rendering (v4)

Revision 4 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id='iframe-wrapper'/>
<script>
window.addEventListener('message', function() {
  window.myDeferred.resolve()
});
</script>

Setup

window.contents = '<script>' +
    'window.parent.postMessage("a", "*");' +
    '<\/script>';
    var iframe = document.getElementById('test-ifr');
    if (iframe) {
      iframe.parentElement.removeChild(iframe);
    }
    iframe = document.createElement('iframe');
    iframe.id = 'test-ifr';
    document.getElementById('iframe-wrapper').appendChild(iframe);

Test runner

Ready to run.

Testing in
TestOps/sec
Document.write
// async test
var iframe = document.getElementById('test-ifr');
window.myDeferred = deferred;
var doc = iframe.contentWindow.document;
doc.open();
doc.write(window.contents);
doc.close();
ready
javascript: src
// async test
var iframe = document.getElementById('test-ifr');
window.myDeferred = deferred;
iframe.contentWindow.contents = window.contents;
iframe.src = 'javascript:window.contents';
ready
Srcdoc
// async test
var iframe = document.getElementById('test-ifr');
window.myDeferred = deferred;
iframe.srcdoc = window.contents;
ready

Revisions

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