欢迎来到
银狐的个人博客

怎么查看每个网页的内存问题

作为前端工程师,优化网页性能是进阶的必然过程 那么如何查看网页的内存问题呢

这里以谷歌浏览器为例子 第一步:按住shift+esc会弹出一个任务管理器 第二步:右击 点击 JavaScript使用的内存 知识点 1.(内存)列 表示本机内存。DOM节点存储在本机内存中。如果这个值在增加,则说明正在创建DOM节点。

2.(JavaScript 使用的内存)列 表示JS堆。这一列包含两个值。 您感兴趣的值是会跳动的数字(括号中的数字)。跳动的数字表示您网页上的可获得的对象正在使用多少内存。如果这个数字在增加,那说明正在创建新对象,或现有对象正在增长。

下面是浏览器的垃圾回收机制 官方文档 介绍 大致意思就是对象分为活动对象和垃圾 回收器会把垃圾全部回收掉

浏览器的垃圾回收机制采用标记-清除垃圾回收算法。这个算法假定设置一个叫做根(root)的对象(在Javascript里,根是全局对象)。垃圾回收器将定期怎么查看每个网页的内存问题 第1张图片-银狐博客的从根开始,找所有从根开始引用的对象,然后找这些对象引用的对象……有引用的对象可获得的对象(reachable objects),也叫活动对象(Live Object)。没有引用的对象是不可获得的对象(non-reachable objects),被认为是垃圾,可以被回收。

怎么查看每个网页的内存问题 第2张图片-银狐博客

从根开始,垃圾回收器将找到所有可以获得的对象和所有不可获得的对象。

赞(0) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《怎么查看每个网页的内存问题》
文章链接:https://www.yinhu3.com/2043.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
如果文章侵犯到你的权益,请查看本站免责声明:《免责声明》

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

愿意请我喝杯矿泉水吗

支付宝扫一扫打赏