Tracing 是一种收集程序执行过程中事件的技术。它记录了程序运行时发生的事件,如函数调用、I/O操作、系统调用等。在Web开发中,Tracing 通常用于收集浏览器渲染页面时的性能数据,包括CPU活动、内存使用情况、网络请求等。
打开Edge浏览器,在地址栏输入 edge://tracing,出来的界面如下。Chrome或者其它浏览器亦可,比如:
chrome:://tracing。
edge://tracing
点击Load,可以导入profiler生成的JSON文件。 操作: 按键盘w, a, s, d键,可以对profiler的结果进行缩放和移动。
profiling文件
鼠标托选其中一栏后,会显示出如下:
耗时详图
Wall Duration(有时也称为wall clock time或elapsed time)指的是一个操作从开始到结束所经历的实际时间。这是指从用户的视角来看,完成某项任务所需要的时间,包括了等待时间、CPU时间以及其他任何影响最终完成时间的因素。
Self Time 是指某个特定函数或方法在其内部执行所花费的时间,不包括其子函数或调用其他函数的时间。换句话说,Self Time 反映了直接在这个函数内部执行的操作所花费的时间。
假设你在Edge DevTools中使用Performance面板进行了一次Tracing,你可能会看到类似下面的数据:
通过这些信息,你可以更好地理解你的应用在运行时的行为,发现潜在的性能问题,并据此进行优化。
当你在Edge DevTools中查看性能报告时,可以利用这些信息来:
总的来说,Tracing、Wall Duration 和 Self Time 都是帮助开发者理解和改进应用程序性能的关键概念。通过这些工具和技术,开发者能够更深入地了解程序的执行情况,并据此做出优化决策。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。