全面擢升 Web 2.0 应用程序的性能，第 3 部分: 浏览器渲染时间分析

全面提升 Web 2.0 应用程序的性能，第 3 部分: 浏览器渲染时间分析

函数列表视图：在这个视图，列表显示每个方法的统计信息。对于每个方法，显示总的被调用次数、总的包含子方法的时间、和总的不包含子方法的时间。?

图 2. 函数列表视图
全面擢升 Web 2.0 应用程序的性能，第 3 部分: 浏览器渲染时间分析

根据图 3 指示的上下文关系，我们可以得到几个相关的函数名称，以及它们之间的调用关系。从初步判断，我们可以理解为 JavaScript 脚本在处理 Mashups page 的内容更新与渲染。

如果需要进一步分析，需要结合 JavaScript 的源码来进行进一步的分析。

通过以上的性能剖析，已经能够帮助我们找到页面 JavaScript 脚本执行在各个函数中的分布以及它们的上下文关系。对于比较复杂的 JavaScript 脚本性能问题，通常需要结合源码源码阅读，添加日志输出等方法来定位问题，所有这些可以帮助我们快速定位、分析、验证脚本中的性能问题。

参考资料

学习

查看?“全面提升 Web 2.0 应用程序的性能”?系列文章的所有部分：
- 第 1 部分：Web 2.0 应用的性能分析概述和新的挑战
- 第 2 部分：页面下载时间分析
- 第 3 部分：浏览器渲染时间分析