浏览器查看渲染时间

浏览器查看渲染时间

步骤

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

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

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

蓝色：网路通信时间

黄色：js时间

紫色：重排的时间

绿色：重绘的时间

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

参考资料

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