DOM Performance

by rajeshpillai

JavaScript

var numDivs = 1000,
    fragment = document.createDocumentFragment(),
    startTime = new Date();
var max = 5, min=0, index = 0;
var cats = ["animals","nature","any","tech","people","arch"];
while(numDivs--){
    index = Math.floor(Math.random() * (max - min + 1)) + min;
    var newDiv = document.createElement('div');
    
    newDiv.innerHTML = 'Actually, the DOM is fast.' + cats[index] ;
    
    var img = document.createElement('img');
    img.src = 'https://placeimg.com/640/480/' + cats[index];
    
    newDiv.appendChild(img);

    fragment.appendChild(newDiv);
}

document.body.appendChild(fragment);

alert(new Date() - startTime);