怎么用 Performance 工具查看任务

用 csdn 网站为例：

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

4. 加载完进行 stop 操作

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