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

1、打开开发者工具（F12）

2、找到Performance => 点击录制按钮

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

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

蓝色：网路通信时间

黄色：js时间

紫色：重排的时间

绿色：重绘的时间

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

 

记录读重排重绘笔记（地址）