本文将会介绍浏览器`devtool`的一些常用工具方法，这些工具能够以可视化的方式展现当前网页情况。平常我们在做性能优化的时候，第一步是分析性能瓶颈，第二步借助工具找到问题，第三步解决瓶颈问题。

通常一个页面可以分为三个阶段，加载阶段、交互阶段、关闭阶段，影响前端性能的主要就是前面两个阶段，那本文会从这两个阶段入手讲解，如果能搭配浏览器DevTools那就更棒了。

1. 使用场景 DOM.onclick()事件，我们给一个DOM节点绑定了点击事件，当点击该元素时触发事件函数的执行，但是当我们频繁点击该元素时，就会不断触发该点击事件，如果该点击事件触发的事件函数是DOM元素的，就会造成很高的性能消耗，可能会造成页面的卡顿。 所以此时我们应该…