文章链接来源:http://mp.weixin.qq.com/s/FspD-d8JYWn9SWCBVlJeLA
页面卡顿就是失帧或者掉帧了。
浏览器渲染的流程:
![](https://box.kancloud.cn/b5772de1b806c04c05477f26abdf7149_1354x284.png)
首先加载js做的逻辑,触发了样式变化,style把应用的样式规则计算好之后,把影响到的页面元素进行重新布局,叫做layout(布局),再把它画到内存的一个画布里面,paint(颜料)成了像素,最后把这个画布刷到屏幕上去,叫做composite(合成物),形成一帧。