如何检测web页面的内存泄漏和fps值

背景：在进行业务测试过程中，发现多次打开web页面的会出现页面卡顿；有白屏的现象

于是想看下是哪些因素导致的。是否出现了内存泄漏

1.如何检测web页面的内存泄漏

飞书20230505-175712

操作步骤：

1.1 打开web页面的开发者选项，打开控制台

1.2 按住esc快捷键打开性能监视器

1.3 主要关注JS堆大小的数值

1.4 重复多次打开要测试的页面，看JS堆大小是否持续增加，持续增加点击回收垃圾按钮JS堆未变小，则是内存泄漏

1.5 目前的效果是开发已经优化后的效果，点击回收垃圾按钮会回收内存

2.如何检测web页面的fps

20230505-2

1.1 打开web页面的开发者选项，打开控制台

1.2 按住esc快捷键打开性能监视器

1.3在右侧的更多中打开更多工具，选择渲染（rending）

1.4 在渲染的tab中勾选帧渲染统计信息

1.5操作页面上会出现实时的fps统计信息，可以看到fps的数据；以每秒30为标准，低于30的需要进行页面优化