提高网页的性能

Posted on 2018-11-30 15:59  十一点半  阅读(115)  评论(0编辑  收藏  举报

提高网页的性能
  1.多采用雪碧图
    将很多图片合成一张图片,需要多次请求,只需要一次就请求过来了,减少向服务器的请求次数
  2.阻止超链接的默认行为  
    点击超链接,会向后台发送请求,刷新页面,所以要以< a href=" "></ a>  取消刷新页面的功能
  3.减少dom回流 
    dom回流:
    添加一个,对第一个计算一次
    添加两个,对第一个计算两次,对第二个计算一次
    添加三个,对第一个计算三次,对第二个计算两次,对第三个计算一次
    页面渲染时,我们对HTML结构简单的增删,查改时,浏览器会对所有的dom重新排列,这就是dom回流,严总影响浏览器性能
    所以使用文档碎片来减少dom回流(字符串拼接,及dom回流的结合版)
  4.减少向服务器的请求次数
    尽可能多的减少向服务器的请求次数,提高网页的性能