码迷,mamicode.com
首页 > Web开发 > 详细

提高网页性能

时间:2018-11-30 15:32:46      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:rip   结合   服务   ref   超链接   需要   渲染   bsp   nbsp   

  1.多采用雪碧图

    将很多图片合成一张图片,需要多次请求,只需要一次就请求过来了,减少向服务器的请求次数

  2.阻止超链接的默认行为  

    点击超链接,会向后台发送请求,刷新页面,所以要以<a href="javascript:;"></a>  取消刷新页面的功能

  3.减少dom回流 

    dom回流:

    添加一个,对第一个计算一次

    添加两个,对第一个计算两次,对第二个计算一次

    添加三个,对第一个计算三次,对第二个计算两次,对第三个计算一次

    页面渲染时,我们对HTML结构简单的增删,查改时,浏览器会对所有的dom重新排列,这就是dom回流,严总影响浏览器性能

    所以使用文档碎片来减少dom回流(字符串拼接,及dom回流的结合版)

  4.减少向服务器的请求次数

    尽可能多的减少向服务器的请求次数,提高网页的性能

提高网页性能

标签:rip   结合   服务   ref   超链接   需要   渲染   bsp   nbsp   

原文地址:https://www.cnblogs.com/bokeyanghao/p/10043944.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!