用小技巧来优化大数据量的网页

引用：http://www.feelcss.com/tips-optimization-large-data-pages.html

有些网页忒坑爹，里面数据量大的惊人，都上兆了，先不说下载了，就是浏览器去渲染都得渲染很久。固然了，说的这个例子比较极端，但比较长，渲染比较耗时的页面仍是会碰到的，想给用户很“快速”的感受，得想点办法：）

页面里数据量太大，对元素进行解析和渲染会耗费不少时间，但若是咱们先让第一屏的内容正常显示出来，而后将后面的内容以加上注释的形式，加载到一个容器中，这样由于内容是注释的，浏览器只会当他是文本去处理，不用去解析和渲染，页面加载的会很是快，而后再用 js 把加上注释的内容取出来 innerHTML ，就 OK 了。

(function(){
  //获取容器test
  var dom = document.getElementById("test");
  //获取容器内的注释内容
  var html = test.childNodes[0].nodeValue;
  //将容器test的内容替换，而后解析并渲染
  dom.innerHTML = html;
})();

这样至关于给用户一个“快速”的假象，也能够把内容放在 textarea 里，原理都是同样的。

其实这个方法不必定非要大数据量的网页才会用到，若是想控制页面里元素的加载顺序，又不想改 html 的书写顺序的话，能够用用：）