怎么用 Performance 工具查看任务

简介: 怎么用 Performance 工具查看任务

用 csdn 网站为例:


  1. 先打开开发者工具 f12
  2. 点击 Performance 标签
  3. 选择左上角的 start porfiling and load page 来记录整个页面加载过程中的事件执行情况


20210412120809411.png


4.加载完进行 stop 操作

20210412121135971.png


5.点击展开了 Main 这个项目,其记录了主线程执行过程中的所有任务。图中灰色的就是一个个任务,每个任务下面还有子任务,其中的 Parse HTML 任务,是把 HTML 解析为 DOM 的任务。

20210412121349835.png


目录
相关文章
|
1月前
|
监控 Linux
性能工具之stress工具使用教程(带源码说明)
stress是一个在linux下的压力测试小工具。
94 2
|
1月前
|
开发者 iOS开发
如何使用 Instruments 工具来分析应用的性能?
如何使用 Instruments 工具来分析应用的性能?
47 2
|
1月前
|
Web App开发 监控 JavaScript
|
8月前
|
监控 JavaScript 前端开发
带你读《现代Javascript高级教程》三十二、Performance API: 提升网页性能的利器(3)
带你读《现代Javascript高级教程》三十二、Performance API: 提升网页性能的利器(3)
|
8月前
|
JavaScript 前端开发 网络协议
带你读《现代Javascript高级教程》三十二、Performance API: 提升网页性能的利器(1)
带你读《现代Javascript高级教程》三十二、Performance API: 提升网页性能的利器(1)
|
8月前
|
监控 JavaScript 前端开发
带你读《现代Javascript高级教程》三十二、Performance API: 提升网页性能的利器(2)
带你读《现代Javascript高级教程》三十二、Performance API: 提升网页性能的利器(2)
|
9月前
|
调度
SAP ABAP 一个有用的程序正确性辅助工具,Checkpoint group 的使用方法介绍试读版
SAP ABAP 一个有用的程序正确性辅助工具,Checkpoint group 的使用方法介绍试读版
51 0
|
9月前
ABAP Memory Inspector 的功能简介
ABAP Memory Inspector 的功能简介
61 0
|
存储 数据挖掘 测试技术
|
XML Java 测试技术
使用 JMeter 进行 Performance Testing 指北
使用 JMeter 进行 Performance Testing 指北
使用 JMeter 进行 Performance Testing 指北

热门文章

最新文章