javascript - 如何自动找出我的网站上哪些 jQuery 选择器运行缓慢?有这个插件吗?

标签 javascript jquery monitoring performance-testing

我想自动检测 jQuery 选择器是否缓慢(> some_millis),我希望它控制台记录有关行号的信息。

我的第一个想法是覆盖核心 jQuery 选择器代码以在那里插入这样的测试,但是是否有现有的插件可以实现此目的,有没有人尝试过类似的事情?某些浏览器工具可以做到这一点(也许可以过滤分析器中的方法调用)?

请注意,我不想在每个选择器调用周围放置一些性能监控 js 代码!

最佳答案

快速谷歌搜索得出:

  1. http://seesparkbox.com/foundry/jquery_selector_performance_testing
  2. https://learn.jquery.com/performance/optimize-selectors/

对 JS 分析器的引用已失效,但这里是通过 Chrome 的更好方法:

https://developer.chrome.com/devtools/docs/cpu-profiling

Now open the Chrome DevTools, navigate to the Profiles panel, and verify "Collect JavaScript CPU Profile" is selected. Now, click the Start button or press Cmd + E start recording a JavaScript CPU profile.

关于javascript - 如何自动找出我的网站上哪些 jQuery 选择器运行缓慢?有这个插件吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29803359/

相关文章:

docker - Prometheus - 目标连接被拒绝

javascript - 没有在 react 组件中调用去抖功能

javascript - 在打开迷你浏览器 jquery 之前检查单选按钮

javascript - 当我们把一个方法存入一个变量然后调用它的时候,为什么context对象变成了全局的window对象呢?

jquery - 如何使用 .your-class 和适用于手机、平板电脑的多项目类使用 slick 插件滑动图像来获得响应式页面

c# - 如何在 Windows 中获取每个进程的磁盘事件

wpf - SSH.NET 实时命令输出监控

javascript - 如何防止变量在某个点之后被使用?

jquery - beforeSend 不会将授权 header 添加到我的 jquery ajax 调用中(基本授权)

javascript - 如何以 HTML 形式从 javascript 对象呈现文本