本文主要是介绍LayaAir引擎学习日志15----LayaAir内存性能分析,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
性能分析器(Profiles)
性能分析器(Profiles)是 chrome 开发者工具的一部分,可以通过在页面右键选择审查元素或在谷歌浏览器页面按F12 打开 chrome 开发者工具。然后点击 Profiles 切换至性能分析器(Profiles)面板。
CPU占用分析
选中 Collect JavaScript CPU Profile,点击 Start 按钮(也可以点击左边黑色实心圆圈),这个时候Chrome 就会开始记录当前网页的方法的执行。结束这个监控需要点击Stop按钮(或左侧的红色实心圆圈)。结束监控后,在左侧 Profiles 下会列出一个监控结果文件,单击可以打开此监控结果文件。
监控结果是以数据表格形式展现的。在这个表格里记录了函数执行的时间、函数执行的顺序和包含关系以及CPU变化趋势。通过分析结果有针对性的优化函数。
内存占用分析
选中 Take Heap Snapshot,点击 Take Snapshot 按钮(也可以点击左边黑色实心圆圈),此时会在左侧的 Profiles 栏目下生成一个当前网页的内存快照记录文件。
生成的内存快照文件是以数据表格的形式记录了,当前网页对象的个数、所占的内存大小等。
拍下一个内存快照后,操作页面,之后再拍下一个内存快照。单击选择第二个内存快照,可以选择 Comparison 模式对此第二个快照与第一个快照之间的变化。通过分析,对网页进行优化。
不懂的可以关注我的公众号,里面有你想要的(有问题公众号留言必回答)https://mp.weixin.qq.com/s?__biz=MzIyOTM4MDMxNw==&mid=2247483836&idx=1&sn=4bac1428b9d9470000ca159aba4038d8&chksm=e842d80edf355118659c51356e5a92ff5c995729b7f361a1d0207060721852d2b8d7ec4bad03&token=1082408202&lang=zh_CN#rd
这篇关于LayaAir引擎学习日志15----LayaAir内存性能分析的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!