浏览器查看渲染时间

浏览器查看渲染时间

步骤

  • 打开开发者工具（F12）
  • 找到Performance => 点击录制按钮

  • F5 刷新页面 =》 点击关闭录制（同录制按钮）

  • 找到Summary（console 只上偏中部左侧位置）

蓝色：网路通信时间

黄色：js时间

紫色：重排的时间

绿色：重绘的时间

那个占比越大，那个花的时间越长，问题越严重。

![]( https://img-blog.csdnimg.cn/20210521093745537.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjM2NDM5Nw==,size_16,color_FFFFFF,t_70)

参考资料

如何在浏览器查看渲染时间？

posted @ 2022-12-07 12:01  zc-lee  阅读(999)  评论(1)    收藏  举报