2015-03-19 50 views
2

目前,我正在测量和评估我们的AngularJS-KendoUI应用程序的性能,并且试图找出瓶颈。在遵循这个惊人的post和这个伟大的talk之后,我正在通过Chrome DevTools时间表选项卡分析性能。其中一个我碰到凸轮的功能是“评估脚本”所有这些都保存在一个单一的JS文件我的供应商js文件的:AngualrJS - 在“评估脚本”中花费很长时间的KendoUI应用程序

Performance Snapshot

正如你所看到的,vendor.js本身正在长时间在脚本。现在让我来阐述这个文件的内容:

  • AngularJS 1.2
  • JQuery的1.9
  • 剑道UI自定义生成
  • 自举
  • ES5沉

现在,我困惑为什么评估这个文件需要这么长时间。也没有提供堆栈跟踪,并且它指向文件的第一行。可能的原因是什么?

编辑: 现在我使用了非聚合版本,即所有vendor.js库现在都在它们各自的文件中。然后我发现kendo.custom.js服用超过400毫秒评估脚本:

Snapshot

现在请你解释如何做到出现这种情况!谢谢!

回答

0

vendor.js包含所有库,如果你知道瓶颈在哪里,我建议你使用不压缩和不混淆的js文件。

该供应商文件将被压缩,并且执行引擎未使用的所有字符(如行尾或空格)将被删除。它有助于跳过空间并缩短下载时间。这就是为什么分析保持在第一行:此文件中只有一行

我希望它可以帮助你。

+0

请参阅我的最新编辑:) – 2015-03-19 13:31:55

+0

我不是一个KendoUi专家,对不起,你应该创建一个新的帖子,这可能有助于了解剑道发生了什么。 – Tony 2015-03-19 13:43:28

相关问题