Skip to content

Latest commit

 

History

History
14 lines (9 loc) · 434 Bytes

2.如何在浏览器中查看页面渲染时间.md

File metadata and controls

14 lines (9 loc) · 434 Bytes

谷歌控制台:Performance

通过左边小圆点录制页面加载的时间分配

act

  • 蓝色: 网络通信和HTML解析

  • 黄色: JavaScript执行

  • 紫色: 样式计算和布局,即重排

  • 绿色: 重绘

    哪种色块比较多,就说明性能耗费在那里。色块越长,问题越大

Event Log:单独勾选 Loading 项会显示 html 和 css 加载时间