利用 Chrome 开发者工具自带的 Memory 工具分析 Node.js 应用的内存分配情况

我的 package.json 文件里定义了这样一个 script：

"serve:ssrdebug": "cross-env NODE_TLS_REJECT_UNAUTHORIZED=0 node --inspect-brk dist/mystore/server/main.js",

yarn serve:ssrdebug 之后，用 jMeter 给 localhost 发送并发的 HTTP 请求。

在 Node.js 应用接收请求的入口处设置断点。断点触发后，首先点一次 Take heap snapshot，制作第一个 heap 镜像。

然后 deactivate 断点，等所有请求都执行完毕之后，制作第二个堆镜像。

两个镜像的名称分别为 Snapshot 1 和 Snapshot 2. 选择 Snapshot 2，操作类型选择 Comparison，比较的对象选择为 Snapshot 1，这样，就能看到两个镜像间的差异了。

我这个分析针对的是运行在本地的 SAP Spartacus 服务器端渲染引擎。

更多Jerry的原创文章，尽在：“汪子熙”:

利用 Chrome 开发者工具自带的 Memory 工具分析 Node.js 应用的内存分配情况相关推荐

HTML开发者工具抓取所有图片,利用Chrome开发者工具功能进行网页整页截图的方法...
说起要截取整个网站页面,很多朋友第一时间想到的都是用哪款chrome扩展,确实,我们网站之前也有介绍过一些截图插件比如: 但其实现在不少浏览器都自带截屏功能了.尤其是像chrome如此强大的浏览器,比 ...
android 截屏工具,Android带壳截图工具：Screener
原标题:Android带壳截图工具:Screener 有时候我们需要对手机屏幕截图并添加到设备的外壳,让截图看上去更加的具有设计感,能带壳截图的工具有很多,比如一些国内的手机助手都可以完成这个工作,不 ...
利用Chrome开发者工具memory comparison分析一个时间段内的JavaScript代码内存占用率
在测试代码line 13和line 16处设断点. 以debug方式运行,首先断点在line13 处触发: 点击Profiles tab, 点击button "Take Snapshot&q ...
利用Chrome开发者工具分析C4C Opportunity搜索的前端性能
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
利用memory comparison分析一个时间段内的内存占用率
Created by Jerry Wang, last modified on Sep 27, 2014 在测试代码line 13和line 16处设断点. 以debug方式运行,首先断点在line1 ...
利用Travis CI 让你的github项目持续构建(Node.js为例)
Travis CI 是目前新兴的开源持续集成构建项目,它与jenkins,GO的很明显的特别在于采用yaml格式,简洁清新独树一帜.目前大多数的github项目都已经移入到Travis CI的构建队列 ...
使用 Chrome 开发者工具进行 JavaScript 问题定位与调试
引言 Google Chrome 是由 Goole 公司开发的一款网页浏览器,自 2008 年 9 月第一个测试版本发布以来,其市场占有率逐步上升,至 2014 年 5 月,Chrome 已超越 Fi ...
Chrome开发者工具学习笔记
简介 Chrome 开发者工具是一套内置在Google Chrome中Web开发和调试工具.我们可以使用开发者工具来重演,调试和剖析我们的网站.开发者工具主要包含Elements面板.Console面 ...
Chrome开发者工具中Elements(元素）断点的用途
2019独角兽企业重金招聘Python工程师标准>>> SAP Engagement Center UI的这个按钮会每秒钟刷新一次,显示页面已经打开了多长时间. 需求:需要找到哪行J ...

利用 Chrome 开发者工具自带的 Memory 工具分析 Node.js 应用的内存分配情况

利用 Chrome 开发者工具自带的 Memory 工具分析 Node.js 应用的内存分配情况相关推荐

最新文章

热门文章