谷歌performance使用
wǎng luò shí huāng 2022-01-07
performance
谷歌performance使用
# 谷歌谷歌performance面板的使用
- 视频参考：https://www.bilibili.com/video/BV1Pr4y1N7QZ?from=search&seid=13614175681104283427&spm_id_from=333.337.0.0
- 虽然谷歌浏览器版本会变，导致展示方位置不一样而已
# performance使用：
- https://mp.weixin.qq.com/s?src=11×tamp=1647661418&ver=3685&signature=dheubQDLpNNXf2jKb5ilelK5okA84G0iuT5ZfRyOIPrUBozS4wTgNegReIYMmLbFVsZ7xmQJmGQuT8fL7GKCWCa2HfJLleS797KX4dYXBcl9Fjt7KGg1EaM1oXv1g6C2&new=1
- 对整个开发根工具的介绍：
- https://juejin.cn/post/6854573212412575757#heading-49
- 根据谷歌官方示例优化实操：
- https://zhuanlan.zhihu.com/p/29879682
- https://blog.csdn.net/ywCSD/article/details/111614275
- 这是对performance面板的详细介绍。截图 (opens new window)
- https://mp.weixin.qq.com/s/cGL8zd3TmhbsgSF7tjKnew
- 优化js性能。截图 (opens new window)
- https://blog.csdn.net/juzipidemimi/article/details/102743145
- 优化css性能。截图 (opens new window)
- https://juejin.cn/post/7046805217668497445
- 理解什么叫一个任务（task）。main里的一个横条就是一个任务。
- 以react为例对评估脚本(Evaluate Script)以及正在执行脚本的优化：
- https://segmentfault.com/a/1190000016627791
- 所谓评估脚本就是引入页面的js资源。是否做懒加载。
- 结婚理解页面渲染：
- https://mp.weixin.qq.com/s/nZd3846YTBbpj8AYgs1jqQ
- 官方文档：
- https://juejin.cn/post/6890520155177254919s
