性能优化

web 性能优化:

1. 减少 http 请求,合理设置 HTTP

2、使用浏览器

3.启用压缩

4、CSS Sprit

5、LazyLoad Imag

6、CSS 放在页面最上部,javascript 放在页面最下面。

7、异步请求 Callback(就是将一些行为样式提取出来,慢慢的加载信息的内容)

8、减少 cookie

9、Javascript 代码

10CSS 选择符

dom 性能优化:

1. 将多次改变样式属性的操作合并成一次操作。

2. 将需要多次重排的元素,position 属性设为 absolute 或 fixed,这样此元素就脱离了文档流,它的变化不会影响到其他元素。例如有动画效果的元素就最好设置为绝对定位。

3. 在内存中多次操作节点,完成后再添加到文档中去。例如要异步获取表格数据,渲染到页面。可以先取得数据后在内存中构建整个表格的 html 片段,再一次性添加到文档中去,而不是循环添加每一行。

4. 由于 display 属性为 none 的元素不在渲染树中,对隐藏的元素操作不会引发其他元素的重排。如果要对一个元素进行复杂的操作时,可以先隐藏它,操作完成后再显示。这样只在隐藏和显示时触发 2 次重排。

5. 在需要经常获取那些引起浏览器重排的属性值时,要缓存到变

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值