zoukankan      html  css  js  c++  java
  • 用小技巧来优化大数据量的网页

    引用: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 的书写顺序的话,可以用用:)

  • 相关阅读:
    Unbuntu--安装VMware Tools
    方法引用的基本使用
    Stream流
    Stream流的常用方法
    枚举
    编程式路由导航
    向路由组件传递数据
    缓存路由组件
    嵌套路由
    基本路由
  • 原文地址:https://www.cnblogs.com/sallon/p/3347502.html
Copyright © 2011-2022 走看看