morphdom
Version:
Morph a DOM tree to another DOM tree (no virtual DOM needed)
205 lines (203 loc) • 6.63 kB
Markdown
<div class="results">
<ul>
<li> Total time for morphdom: 359.02ms (winner) </li>
<li> Total time for virtual-dom: 438.30ms </li>
</ul>
<table>
<thead>
<tr>
<td></td>
<td> morphdom </td>
<td> virtual-dom </td>
</tr>
</thead>
<tbody>
<tr>
<td class="test-name"> change-tagname </td>
<td> <b>0.01ms</b> </td>
<td> 0.01ms </td>
</tr>
<tr>
<td class="test-name"> change-tagname-ids </td>
<td> <b>0.01ms</b> </td>
<td> 0.02ms </td>
</tr>
<tr>
<td class="test-name"> data-table </td>
<td> <b>0.22ms</b> </td>
<td> 0.65ms </td>
</tr>
<tr>
<td class="test-name"> data-table2 </td>
<td> <b>0.96ms</b> </td>
<td> 2.00ms </td>
</tr>
<tr>
<td class="test-name"> id-change-tag-name </td>
<td> <b>0.00ms</b> </td>
<td> 0.01ms </td>
</tr>
<tr>
<td class="test-name"> ids-nested </td>
<td> <b>0.01ms</b> </td>
<td> 0.01ms </td>
</tr>
<tr>
<td class="test-name"> ids-nested-2 </td>
<td> 0.02ms </td>
<td> <b>0.02ms</b> </td>
</tr>
<tr>
<td class="test-name"> ids-nested-3 </td>
<td> <b>0.01ms</b> </td>
<td> 0.01ms </td>
</tr>
<tr>
<td class="test-name"> ids-nested-4 </td>
<td> <b>0.02ms</b> </td>
<td> 0.02ms </td>
</tr>
<tr>
<td class="test-name"> ids-nested-5 </td>
<td> <b>0.02ms</b> </td>
<td> 0.04ms </td>
</tr>
<tr>
<td class="test-name"> ids-nested-6 </td>
<td> <b>0.01ms</b> </td>
<td> 0.02ms </td>
</tr>
<tr>
<td class="test-name"> ids-nested-7 </td>
<td> 0.02ms </td>
<td> <b>0.01ms</b> </td>
</tr>
<tr>
<td class="test-name"> ids-prepend </td>
<td> <b>0.02ms</b> </td>
<td> 0.02ms </td>
</tr>
<tr>
<td class="test-name"> input-element </td>
<td> 0.01ms </td>
<td> <b>0.01ms</b> </td>
</tr>
<tr>
<td class="test-name"> input-element-disabled </td>
<td> 0.01ms </td>
<td> <b>0.01ms</b> </td>
</tr>
<tr>
<td class="test-name"> input-element-enabled </td>
<td> 0.01ms </td>
<td> <b>0.01ms</b> </td>
</tr>
<tr>
<td class="test-name"> large </td>
<td> 1.56ms </td>
<td> <b>0.98ms</b> </td>
</tr>
<tr>
<td class="test-name"> lengthen </td>
<td> <b>0.02ms</b> </td>
<td> 0.02ms </td>
</tr>
<tr>
<td class="test-name"> one </td>
<td> <b>0.00ms</b> </td>
<td> 0.01ms </td>
</tr>
<tr>
<td class="test-name"> reverse </td>
<td> <b>0.01ms</b> </td>
<td> 0.02ms </td>
</tr>
<tr>
<td class="test-name"> reverse-ids </td>
<td> 0.03ms </td>
<td> <b>0.02ms</b> </td>
</tr>
<tr>
<td class="test-name"> select-element </td>
<td> 0.04ms </td>
<td> <b>0.03ms</b> </td>
</tr>
<tr>
<td class="test-name"> shorten </td>
<td> 0.02ms </td>
<td> <b>0.01ms</b> </td>
</tr>
<tr>
<td class="test-name"> simple </td>
<td> <b>0.01ms</b> </td>
<td> 0.01ms </td>
</tr>
<tr>
<td class="test-name"> simple-ids </td>
<td> 0.04ms </td>
<td> <b>0.03ms</b> </td>
</tr>
<tr>
<td class="test-name"> simple-text-el </td>
<td> <b>0.01ms</b> </td>
<td> 0.02ms </td>
</tr>
<tr>
<td class="test-name"> svg </td>
<td> 0.02ms </td>
<td> <b>0.01ms</b> </td>
</tr>
<tr>
<td class="test-name"> svg-append </td>
<td> 0.04ms </td>
<td> <b>0.04ms</b> </td>
</tr>
<tr>
<td class="test-name"> svg-append-new </td>
<td> <b>0.01ms</b> </td>
<td> 0.04ms </td>
</tr>
<tr>
<td class="test-name"> svg-no-default-namespace </td>
<td> 0.03ms </td>
<td> <b>0.02ms</b> </td>
</tr>
<tr>
<td class="test-name"> svg-xlink </td>
<td> 0.03ms </td>
<td> <b>0.00ms</b> </td>
</tr>
<tr>
<td class="test-name"> tag-to-text </td>
<td> <b>0.00ms</b> </td>
<td> 0.00ms </td>
</tr>
<tr>
<td class="test-name"> text-to-tag </td>
<td> <b>0.00ms</b> </td>
<td> 0.00ms </td>
</tr>
<tr>
<td class="test-name"> text-to-text </td>
<td> <b>0.00ms</b> </td>
<td> 0.00ms </td>
</tr>
<tr>
<td class="test-name"> textarea </td>
<td> 0.01ms </td>
<td> <b>0.01ms</b> </td>
</tr>
<tr>
<td class="test-name"> todomvc </td>
<td> 0.36ms </td>
<td> <b>0.25ms</b> </td>
</tr>
<tr>
<td class="test-name"> two </td>
<td> <b>0.01ms</b> </td>
<td> 0.01ms </td>
</tr>
</tbody>
</table>
</div>
_NOTE: Safari Version 9.1.1 (11601.6.17)_