3.40秒到231.84毫秒，我用Performance面板分析性能瓶颈全流程

文章预览

点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 前言 工作中发现了一个下拉框打开的数据比较慢，并且打开弹框的时候会有相当长一段时间的延迟，下拉的弹框不是使用组件库的，而是自己封装的一个组件，怀疑存在数据量过大影响的情况，所以借助性能分析工具来找出具体的原因。 如何优化不是本文的关键，本文主要和大家一起学习如何使用  performance 面板  来进行性能瓶颈的定位，学习面板的使用，找到性能瓶颈源码并解决问题。 问题出现截图 点击按钮后下拉框(封装的组件)出现的时间特别长 chrome性能分析工具 Chrome 浏览器提供了强大的性能分析工具，可以帮助分析网页的性能问题。以下是一些步骤，可以更好地理解和使用 Chrome 浏览器的性能分析功能： 打开开发者工具：  在 Chrome 浏览器中，按下 F12 键或右键点击 ………………………………