首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-01 
全面提升 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 部分:浏览器渲染时间分析

  • 热点排行