KnockoutJS Performance

by uedatakuya

HTML

Result: <span id="result"></span>ms
<ul data-bind="foreach: $data">
    <li>
        <img data-bind="attr:{src: 'http://placehold.jp/'+ $data +'x50.png'}" />
    </li>
</ul>

JavaScript

var width = [];
for (var i = 1; i <= 100; i++) {
    width.push(i * 5);
}

var now = new Date().getTime();
console.profile('ko');
ko.applyBindings(ko.observableArray(width));
console.profileEnd();
document.querySelector('#result').innerText = new Date().getTime() - now;