2013年5月10日 星期五

利用DocumentFragment加快DOM渲染速度

利用DocumentFragment加快DOM渲染速度

  function CreateNodes(){ for(var i = 0;i < 10000;i++){ var tmpNode = document.createElement("div"); tmpNode.innerHTML = "test" + i + "<br />"; document.body.appendChild(tmpNode); } } function CreateFragments(){ var fragment = document.createDocumentFragment(); for(var i = 0;i < 10000;i++){ var tmpNode = document.createElement("div"); tmpNode.innerHTML = "test" + i + "<br />"; fragment.appendChild(tmpNode); } document.body.appendChild(fragment); }


參考資料:

JavaScript DocumentFragment
out of dom vs documentfragment
利用DocumentFragment加快DOM渲染速度
使用DocumentFragment來加快DOM操作速度
http://blog.rx836.tw/blog/javascript-documentframent/

【下列文章您可能也有興趣】

沒有留言: