javascript - html页面没有特别复杂的功能，但是时不时会卡顿，原因是？

Question

造成页面卡顿的原因有哪些？有推荐的文章吗？或者可以从哪些方面着手去解决卡顿的问题

注意：不是页面加载卡，是比如hover动画会卡，滚动滚轮会卡顿一下，

http://jsbin.com/xozeteguho/edit?html,cs...

这个JS会卡顿，而且谷歌中会明显的晃动，不知道是不是由于这个造成的

Answer 1

火狐有个YSlow这个插件 可以检测页面的性能 并且出现性能差的原因

Answer 2

目前大部分浏览器都有开发者模式，打开开发者模式，可以容易的看到网页加载、渲染等每个细节的耗时。先通过这个了解到具体的原因，再对症下药去解决。

Answer 3

打开f12查看 ，我猜是js的问题

Answer 4

js理由scroll事件吗？js的scroll事件会有什么计算吗？比如曝光啊之类的，这些还是比较影响性能的。hover动画的话代码应该是可以优化的，动画的时候有没有做什么请求之类的。

Answer 5

多使用开发者工具的timeline和profile两个吧
看hover的时候heap是否暴增，还有任务管理器里面 cpu利用率情况，一般卡顿就是cpu利用率较高，大量计算导致ui不能及时更新