smileyby / notes

GitHub Issues Blog, powered by GitHub Issues and GitHub Actions
2 stars 0 forks source link

chrome性能面板指标解释 #279

Open smileyby opened 1 year ago

smileyby commented 1 year ago

chrome => performance => summary Loading(加载): 这是指从发起网络请求到接收到第一个字节的时间。它反映了网络请求的延迟时间。

Scripting(脚本处理): 这是指解析和执行JavaScript代码的时间。它包括将JavaScript代码编译为可执行代码的解析阶段以及实际执行代码的时间。

Rendering(渲染): 这是指将HTML和CSS转换为用户可见的页面的时间。它包括DOM树和CSS样式表的构建、布局计算和绘制页面的过程。

Painting(绘制): 这是指将渲染好的页面内容绘制到屏幕上的时间。它包括将DOM元素转换为位图并将其绘制到屏幕上的过程。

System(系统): 这是指底层系统操作所花费的时间,例如垃圾回收、资源加载等。它反映了浏览器在后台执行的一些系统级任务的时间。

Idle(空闲): 这是指页面处于空闲状态的时间,即没有活动需要执行的时间。它通常是由于处理其他任务或等待用户输入而导致的。