您如何评估附加事件功能对性能的影响？

Question

我正在构建一个UI Framework作为应用程序模板。它建立在jQuery / Bootstrap之上。它将被Web应用程序开发人员用于为我工作的公司构建数据驱动的应用程序。

有无数的屏幕方案需要考虑。例如，我正在添加一个滚动事件，如果页面水平滚动，则调用函数来修复标题。

我的问题是： 如果我添加滚动，调整大小或鼠标移动事件功能到全局框架工作，我如何测试它们对性能的影响。我不想一点一点地装载这个框架。

感谢您的见解。

Answer 1

您可以使用开发人员工具分析器，但您可以确保在每个事件上调用内容都会影响网站性能。

如果您对所有这些事件挂钩，我建议明智地使用"throttle"。 并尝试构建一些轻量级逻辑，以防止意外/必要的类。

并测试您的代码，它还可以告诉您运行每个测试所花费的时间，这可以指示您的逻辑性能。