AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

怎么用 Performance 工具查看任务

2023-02-21 158
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 怎么用 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


文章标签：
JavaScript
开发者
凯小默
目录
相关文章
泡沫o0
|
8月前
|
算法 Unix Linux
【C/C++ 实用工具】性能分析工具一览
【C/C++ 实用工具】性能分析工具一览
泡沫o0
349 0
众所周知
|
8月前
|
开发者 iOS开发
如何使用 Instruments 工具来分析应用的性能？
如何使用 Instruments 工具来分析应用的性能？
众所周知
219 2
穿过生命散发芬芳
|
8月前
|
Web App开发 监控 JavaScript
页面性能工具：如何使用Performance
【1月更文挑战第6天】
穿过生命散发芬芳
219 0
小Lee
|
6月前
|
存储 缓存 算法
python性能问题（Performance Issues）
【7月更文挑战第19天】
小Lee
70 5
python性能问题（Performance Issues）
蓝色流星1000
|
7月前
|
监控 Linux Python
python自研流星监控系统meteor_monitor（第二篇）
该文介绍了替代流星监控软件UFOcaptureHD2的新方案，强调了原软件的性能消耗大和收费问题。文中提供了一个GitHub链接以获取最新代码。推荐使用配备Windows 10/11、2.4GHz四核CPU的主机，搭配索尼MX291摄像头进行监控。程序基于ffmpeg，支持不同编码器，如mjpeg、h264_qsv等，具体编码器选择取决于硬件环境。安装涉及创建虚拟环境、安装Python 3.10+及依赖项，并提供了Windows和Linux的详细步骤。此外，程序通过帧差法进行运动检测，然后过滤掉非流星目标，最后使用ffmpeg对原始视频切片并存储。
蓝色流星1000
210 1
python自研流星监控系统meteor_monitor（第二篇）
土木林森
|
8月前
|
监控 Swift 开发者
【Swift开发专栏】Swift中的性能分析工具：Instruments
【4月更文挑战第30天】Apple的Instruments是Xcode中的性能分析神器，支持Swift和Objective-C，用于识别和解决Mac/iOS应用的性能问题。它提供实时监控、多合一模板、交互式界面和详细报告。通过启动Instruments、选择分析模板、配置选项、开始/停止分析及查看结果，开发者能定位性能瓶颈。优化技巧包括减少CPU负载、优化内存、减少磁盘I/O、网络优化、UI响应和并发处理。定期使用Instruments进行性能分析和优化，可提升应用性能和用户体验。
土木林森
265 0
技术小达人
|
监控 JavaScript 前端开发
带你读《现代Javascript高级教程》三十二、Performance API: 提升网页性能的利器（3）
带你读《现代Javascript高级教程》三十二、Performance API: 提升网页性能的利器（3）
技术小达人
95 1
程序员大凯
|
存储 数据挖掘 测试技术
loadrunner入门教程(31) --Analysis
Anialysis基础知识
程序员大凯
188 0
loadrunner入门教程(31) --Analysis
RiemannHypothesis
|
XML Java 测试技术
使用 JMeter 进行 Performance Testing 指北
使用 JMeter 进行 Performance Testing 指北
RiemannHypothesis
205 0
使用 JMeter 进行 Performance Testing 指北
趁你还年轻233
|
Web App开发 前端开发 JavaScript
前端性能优化之Performance神器
　对Chrome控制台有一定的了解的朋友都在知道，Network面板会包括很多网络请求方面的东西，包括Http相关的Request信息，Response信息，以及Cookies等等，都是前端开发需要密切关注的问题。
趁你还年轻233
474 0
前端性能优化之Performance神器

热门文章

最新文章

  • 1
    【实战】锐捷AC+AP配置WLAN基本服务系列
  • 2
    丰富、连接、待集成—MaxCompute 生态再出发
  • 3
    Tomcat 7.0 64位免安装解压版 安装及配置
  • 4
    securecrt克隆会话与sshd 的 MaxSessions
  • 5
    安卓支持RISC-V架构的技术剖析
  • 6
    生成文件的另一种思路——共享文件同步
  • 7
    高阶自定义View --- 粒子变幻、隧道散列、组合文字
  • 8
    奇虎团队不到1分钟攻破谷歌Pixel 斩获12万美元奖金
  • 9
    npm使用指南
  • 10
    Visual Studio 2010快捷键大全
  • 1
    Smolagents：三行代码就能开发 AI 智能体，Hugging Face 开源轻量级 Agent 构建库
    125
  • 2
    Cognita：小白也能搭建 RAG 系统，提供交互界面的开源模块化 RAG 框架，支持多种文档检索技术
    29
  • 3
    SocraticLM：通过 AI 提问引导学生主动思考，中科大与科大讯飞联合推出苏格拉底式教育大模型
    27
  • 4
    SoulChat2.0：低成本构建 AI 心理咨询师，华南理工开源心理咨询师数字孪生大语言模型
    30
  • 5
    TryOffAnyone：快速将模特服装图还原为平铺商品图，生成标准化的服装展示效果
    30
  • 6
    VITRON：开源像素级视觉大模型，同时满足图像与视频理解、生成、分割和编辑等视觉任务
    33
  • 7
    Memory Layers：如何在不增加算力成本的情况下扩大模型的参数容量？Meta 开源解决方法
    25
  • 8
    ImBD：复旦联合华南理工推出 AI 内容检测模型，快速辨别文本内容是否为 AI 生成
    24
  • 9
    《量子硬件制造：降低退相干率与错误率的策略》
    22
  • 10
    《量子计算硬件：关键指标对人工智能应用性能的影响》
    89

    • 相关电子书

    更多
  • ReactNative启动性能优化
  • AliSQL的性能优化实战
  • 低代码开发师（初级）实战教程
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月