| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <style> | 2 <style> | 
| 3 #container { | 3 #container { | 
| 4   overflow: auto; | 4   overflow: auto; | 
| 5   width: 600px; | 5   width: 600px; | 
| 6   height: 500px; | 6   height: 500px; | 
| 7 } | 7 } | 
| 8 </style> | 8 </style> | 
| 9 <div id="container"> | 9 <div id="container"> | 
| 10   <div id="template"> | 10   <div id="template"> | 
| 11     <h1><span>Sample</"span> Title<span><span> <a href=#>link1</a></span><span> 
    <a href=#>link2</a></span></span></h1> | 11     <h1><span>Sample</"span> Title<span><span> <a href=#>link1</a></span><span> 
    <a href=#>link2</a></span></span></h1> | 
| 12     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p> | 12     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p> | 
| 13     <div><span>Note</span> | 13     <div><span>Note</span> | 
| 14       <p>Lorem ipsum dolor sit amet, <span>consectetur adipiscing elit</span>, s
    ed do eiusmod tempor <a href=#>incididunt ut labore</a> et dolore magna aliqua. 
    Ut enim ad minim veniam, quis nostrud exercitation ullamco <span><span>laboris n
    isi ut aliquip</span> ex ea commodo consequat</span>. Duis aute irure dolor in r
    eprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Exc
    epteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
    mollit anim id est laborum.<p> | 14       <p>Lorem ipsum dolor sit amet, <span>consectetur adipiscing elit</span>, s
    ed do eiusmod tempor <a href=#>incididunt ut labore</a> et dolore magna aliqua. 
    Ut enim ad minim veniam, quis nostrud exercitation ullamco <span><span>laboris n
    isi ut aliquip</span> ex ea commodo consequat</span>. Duis aute irure dolor in r
    eprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Exc
    epteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
    mollit anim id est laborum.<p> | 
| 15     </div> | 15     </div> | 
| 16   </div> | 16   </div> | 
| 17 </div> | 17 </div> | 
| 18 <script src="../resources/runner.js"></script> | 18 <script src="../resources/runner.js"></script> | 
|  | 19 <script src="resources/paint.js"></script> | 
| 19 <script> | 20 <script> | 
| 20 var cloned = template.cloneNode(true); | 21 var cloned = template.cloneNode(true); | 
| 21 for (var i = 0; i < 10000; ++i) | 22 for (var i = 0; i < 10000; ++i) | 
| 22   container.appendChild(cloned.cloneNode(true)); | 23   container.appendChild(cloned.cloneNode(true)); | 
| 23 | 24 | 
| 24 PerfTestRunner.measureFrameTime({ | 25 measurePaint({ | 
| 25   run: function() { | 26   run: function() { | 
| 26     container.scrollTop += 20; | 27     container.scrollTop += 20; | 
| 27   }, | 28   }, | 
| 28 }); | 29 }); | 
| 29 </script> | 30 </script> | 
| OLD | NEW | 
|---|