Skip to content

浏览器REFLOWS & REPAINTS #37

Description

@incuisting

既然重排如此影响性能,那么我们来找出来都是哪些改变能引起重排。

重新调整浏览器窗口大小
修改字体
添加、删除样式表
修改页面元素内容
激活CSS伪类,如a:hover
修改class的属性
修改DOM
计算offsetWidth和offsetHeight
设置style的属性
  如何避免重排或者减少重排带来的性能问题。

修改元素的class属性,并且尽可能在DOM树中比较低的节点上
避免在内联样式中设置多重属性
将动画应用在absolute定位或者fixed的元素上
减少table布局
避免使用CSS表达式

link

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions