关于重绘更具体的研究

来源:1-5 浏览器的JS引擎

jsweber

2016-05-27 10:42

visible属性是在render树里的,但是我想知道准确点哪些dom的属性会导致重绘,比如opacity会不会,比如绝对定位的元素改变大小会不会导致所有的render树重绘,css3里的transform,animation,transition会不会引起render树重绘,重绘的话其性能和传统的写法(比如translate,scale和改变left,top,width,height的区别)?

写回答 关注

1回答

  • CC老师
    2016-06-15 11:33:27

    老师教你一个简单的方法,就是位置发生改变的时候(包括绝对布局方式),层叠关系发生改变的时候。而且这个是可以验证的,你可以打开chrome的

    chrome://tracing/

    这里面你能看到chrome浏览器本身的各个方法的执行时间和 内存消耗。当更改dom树的时候 ,内存消耗是多少。

前端性能优化-基础知识认知

前端小白进级必学技能前端性能优化,主讲优化目的方法

61545 学习 · 34 问题

查看课程

相似问题