市面上成熟的 Node.js 性能监控系统,监控的指标有很多。
  以开源的[Easy-Monitor](https://github.com/X-Profiler/xprofiler)为例,在[系统监控](http://www.devtoolx.com/easy-monitor#/app/1/instance?duration=24&tab=system&agentId=iZm5egr88rtfowtz6oo6qnZ)一栏中,指标包括内存、CPU、GC、进程、磁盘等。
  这些系统能全方位的监控着应用的一举一动,并且可以提供安全提醒、在线分析、导出真实状态等服务。
  本专题分为上下两个篇章,会简单分析下在 Node.js 环境中的几个资源瓶颈,包括CPU 、内存和进程奔溃,并且会给出相应的监控方法。
  本系列所有的示例源码都已上传至Github,[点击此处](https://github.com/pwstrick/node)获取。
## 一、CPU
  在 Linux 系统中,可以通过 top 命令看到当前的 CPU 资源利用率、内存使用等信息,并且可按特定指标排序,类似于 Windows 的任务管理器。
  在 Node.js 中,提供了两个方法可以读取和计算出 CPU 负载和 CPU 使用率两个指标。
  这两个指标在一定程度上都可以反映一台计算机的繁忙程度。
**1)CPU 负载**
  CPU 负载是指在一段时间内等待或占用 CPU 的进程数,进程是操作系统中资源分配的最小单位。
  平均负载(Load Average)就是那些进程数除以时间得到的平均数。
  假设一台计算机只有一个 CPU 并且是一核,将 CPU 比作一座只有一条单向车道的桥,车比作进程。
* 当平均负载为 0 时,桥上没有车。
* 当平均负载为 0.5 时,桥上一半路段有车。
* 当平均负载为 1 时,桥上所有路段都有车,虽然大桥已满,但不会堵车。
* 当平均负载为 2 时,大桥已满,并且还多了一样多的车在桥外排队等待。
  如果 CPU 每分钟可以处理 100 个进程,那么当平均负载是 2 时,还有 100 个进程在排队等待中。
  现在的芯片厂商往往会让 1 个 CPU 包含多个核,并且还能将 1 个核虚拟成 2 个逻辑 CPU,CPU 负载建议的计算方式是:
~~~
(CPU个数 * 核数 * 2 * 0.8)或者(CPU个数 * 核数 * 2 * 0.7)
~~~
  不建议 CPU 长期满负荷工作。对于平均负载的量化,会采用三个时间标准:1 分钟,5 分钟和 15 分钟。
  1 分钟的时间比较短,有时候峰值突然升高,有可能是暂时现象。
  5 分钟和 15 分钟是较为合适的评判指标,当这两个时间段内的平均负载都大于 1,那就表明问题持续存在。
  这是一个危险的信号,CPU 上等待的进程在增多,若不及时清理,就会越堵越长,影响程序的正常运行。
  在 os 模块中,提供了[loadavg()](https://nodejs.org/dist/latest-v18.x/docs/api/os.html#loadavg)方法,可以得到一个包含 1、5 和 15 分钟的平均负载的数组。
~~~
const os = require("os");
os.loadavg(); // [ 1.9951171875, 1.951171875, 1.93359375 ]
~~~
  注意,平均负载是 Unix 特有的概念,在 Windows 上,返回值始终为 \[0, 0, 0\]。
**2)CPU 使用率**
  CPU 使用率是指程序在运行期间占用 CPU 的百分比,也就是说量化 CPU 的占用情况,计算方式如下:
~~~
CPU使用率 = (1 - CPU空闲时间 / CPU总时间) * 100
~~~
  CPU 使用率高,并不意味着 CPU 负载也高,例如当前任务很少,其中有一个需要大量的计算(CPU 密集型场景),那么使用率会很高,但负载很低。
  CPU 负载高,并不意味着 CPU 使用率也高,例如当前任务很多,在任务执行过程中因为等待 I/O 使得 CPU 非常空闲(I/O 密集型场景),那么使用率就会变低,但负载很高。
  在 os 模块中,提供了[cpus()](https://nodejs.org/dist/latest-v18.x/docs/api/os.html#oscpus)方法,可得到以每个逻辑 CPU 内核信息组成的对象数组,如下所示。
~~~
[
{
model: 'Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz',
speed: 2300,
times: { user: 27207990, nice: 0, sys: 17891890, idle: 179286370, irq: 0 }
},
{
model: 'Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz',
speed: 2300,
times: { user: 294240, nice: 0, sys: 352550, idle: 223732290, irq: 0 }
},
]
~~~
  其中 times 属性是一些时间信息,其中 nice 值仅适用于 POSIX 平台。在 Windows 中,所有处理器的 nice 值始终为 0。
* user:CPU 在用户模式下花费的毫秒数。
* nice:CPU 在良好模式下花费的毫秒数。
* sys:CPU 在系统模式下花费的毫秒数。
* idle:CPU 在空闲模式下花费的毫秒数。
* irq:CPU 在中断请求模式下花费的毫秒数。
  下面用一个示例计算 CPU 使用率,遍历 CPU 信息数组后,将各个时间依次累加,然后返回总时间和空闲时间,最后套用公式计算。
~~~
function getCPUInfo() {
const cpus = os.cpus();
let user = 0, nice = 0, sys = 0, idle = 0, irq = 0, total = 0;
// 遍历 CPU
for (const cpu in cpus) {
const times = cpus[cpu].times;
user += times.user;
nice += times.nice;
sys += times.sys;
idle += times.idle;
irq += times.irq;
}
total += user + nice + sys + idle + irq;
return {
idle,
total,
};
}
const cpu = getCPUInfo();
// CPU 使用率
const usage = (1 - cpu.idle / cpu.total) * 100;
~~~
**3)v8-profiler**
  Node.js 是基于 V8 引擎运行的,而 V8 引擎内部实现了一个 CPU Profiler,并且开放了相关 API,[v8-profiler](https://github.com/node-inspector/v8-profiler)就是一个基于这些 API 收集一些运行时数据(例如 CPU 和内存)的库。
  不过在安装时,会报错,因此需要换一个包:[v8-profiler-next](https://github.com/hyj1991/v8-profiler-next),基于 v8-profiler,兼容 Node.js V4 以上的所有版本。
~~~
../src/cpu_profiler.cc:6:9: error: no member named 'Handle' in namespace 'v8'; did you mean 'v8::CodeEventHandler::Handle'?
~~~
  在下面的示例中,是一段需要消耗 CPU 计算的加密代码。
~~~
const crypto = require('crypto');
const password = 'test'
const salt = crypto.randomBytes(128).toString('base64')
crypto.pbkdf2Sync(password, salt, 10000, 64, 'sha512').toString('hex')
~~~
  在下面的示例中,会在 1 分钟后导出一份 CPU 分析文件,运行后会在当前目录生成 cpuprofile 后缀的文件。
~~~
const fs = require('fs');
const v8Profiler = require('v8-profiler-next');
const title = 'test';
// 兼容 vscode 中的 cpuprofile 解析
v8Profiler.setGenerateType(1);
v8Profiler.startProfiling(title, true);
// 1分钟后运行
setTimeout(() => {
const profile = v8Profiler.stopProfiling(title);
// 导出CPU分析文件
profile.export(function (error, result) {
fs.writeFileSync(`${title}.cpuprofile`, result);
profile.delete();
});
}, 60 * 1000);
~~~
  点击 Chrome DevTools 工具栏右侧的更多按钮,选择 More tools -> JavaScript Profiler 进入到 CPU 的分析页面。
:-: ![](https://img.kancloud.cn/0e/1a/0e1a2d1506781f099f1a9b497342b319_1936x1234.png =800x)
  将分析文件 Load 进来,首先看到的是 Heavy 视图的分析结果,在图中选中的下拉框中还可以选择 Chart 和 tree。
  前者能显示火焰图,按时间顺序排列;后者能显示调用结构的总体状况,从调用堆栈的顶端开始,即从最初调用的位置开始。
:-: ![](https://img.kancloud.cn/b4/49/b44990070e9bae9fb8c0bcba4e5e9ae9_1926x1194.png =800x)
  在 Heavy 视图中,会按照对应用的性能影响程度从高到低排列,这其中有 3 个指标:
* Self Time:完成当前函数调用所用的时间,仅包括函数本身的语句,不包括它调用的任何子函数。
* Total Time:完成此函数的当前调用以及它调用的任何子函数所花费的总时间。
* Function:函数名及其全路径,可展开查看子函数。
  切换到 Tree 视图,逐层打开,就可以看到 pbkdf2Sync() 函数占据了 CPU 的大部分时间。
:-: ![](https://img.kancloud.cn/61/77/617760e7fac5a00759443ff433edd5b1_1928x652.png =800x)
  上图中的 (program) 只计算了 native code 的时间,不包含执行脚本代码的时间(即没有在 JavaScript 的堆栈上),idle 也是 native 在执行 (program) 的一种。
## 二、垃圾回收器
  Node.js 是一个基于 V8 引擎的 JavaScript 运行时环境,而 Node.js 中的垃圾回收器(GC)其实就是 V8 的垃圾回收器。
  这么多年来,V8 的垃圾回收器(Garbage Collector,简写GC)从一个全停顿(Stop-The-World),慢慢演变成了一个更加并行,并发和增量的垃圾回收器。
  本节内容参考了 V8 团队分享的文章:[Trash talk: the Orinoco garbage collector](https://v8.dev/blog/trash-talk)。
**1)代际假说**
  在垃圾回收中有一个重要术语:代际假说(The Generational Hypothesis),这个假说不仅仅适用于 JavaScript,同样适用于大多数的动态语言,Java、Python 等。
  代际假说表明很多对象在内存中存在的时间很短,即从垃圾回收的角度来看,很多对象在分配内存空间后,很快就变得不可访问。
**2)两种垃圾回收器**
  在 V8 中,会将堆分为两块不同的区域:新生代(Young Generation)和老生代(Old Generation)。
  新生代中存放的是生存时间短的对象,大小在 1~ 8M之间;老生代中存放的生存时间久的对象。
  对于这两块区域,V8 会使用两个不同的垃圾回收器:
* 副垃圾回收器(Scavenger)主要负责新生代的垃圾回收。如果经过垃圾回收后,对象还存活的话,就会从新生代移动到老生代。
* 主垃圾回收器(Full Mark-Compact)主要负责老生代的垃圾回收。
  无论哪种垃圾回收器,都会有一套共同的工作流程,定期去做些任务:
1. 标记活动对象和非活动对象,前者是还在使用的对象,后者是可以进行垃圾回收的对象。
2. 回收或者重用被非活动对象占据的内存,就是在标记完成后,统一清理那些被标记为可回收的对象。
3. 整理内存碎片(不连续的内存空间),这一步是可选的,因为有的垃圾回收器不会产生内存碎片。
**3)副垃圾回收器**
  V8 为新生代采用 Scavenge 算法,会将内存空间划分成两个区域:对象区域(From-Space)和空闲区域(To-Space)。
  副垃圾回收器在清理新生代时,会先将所有的活动对象移动(evacuate)到连续的一块空闲内存中(这样能避免内存碎片)。
  然后将两块内存空间互换,即把 To-Space 变成 From-Space。
:-: ![](https://img.kancloud.cn/d1/40/d1407a51d51b96c65126f6c9bff3b63d_1286x446.jpeg =800x)
  接着为了新生代的内存空间不被耗尽,对于两次垃圾回收后还活动的对象,会把它们移动到老生代,而不是 To-Space。
:-: ![](https://img.kancloud.cn/32/5c/325c15ffd8f2ca9863985578c4c2db8d_1282x444.jpeg =800x)
  最后是更新引用已移动的原始对象的指针。上述几步都是交错进行,而不是在不同阶段执行。
**4)主垃圾回收器**
  主垃圾回收器负责老生代的清理,而在老生代中,除了新生代中晋升的对象之外,还有一些大的对象也会被分配到此处。
  主垃圾回收器采用了 Mark-Sweep(标记清除)和 Mark-Compact(标记整理)两种算法,其中涉及三个阶段:标记(marking),清除(sweeping)和整理(compacting)。
  (1)在标记阶段,会从一组根元素开始,递归遍历这组根元素。其中根元素包括执行堆栈和全局对象,浏览器环境下的全局对象是 window,Node.js 环境下是 global。
  在这个遍历过程中,会追溯每一个指向 JavaScript 对象的指针,将其标记为可访问,同时追溯对象中每一个属性的指针。
  这个过程会一直持续至找到并标记运行时可到达的所有对象,而那些追溯不到的就是垃圾数据。
  (2)在清除阶段,会将非活动对象占用的内存空间添加到一个叫空闲列表的数据结构中。
  空闲列表中的内存块由大小来区分,这是为了方便以后需要分配内存时,可以快速的找到大小合适的内存空间并分配给新的对象。
  下图描绘了在将垃圾数据回收前后,内存占用的情况。
:-: ![](https://img.kancloud.cn/e2/e8/e2e804c85787a923aaec680bbd97d036_647x374.png =800x)
  可以看出,在执行清除算法后,会产生大量不连续的内存碎片。
  (3)在整理阶段,会让所有活动的对象都向一端移动,然后直接清理掉端边界以外的内存,如下图所示。
:-: ![](https://img.kancloud.cn/de/2c/de2cd328ccfe85253b89ae69efb59b2d_668x388.png =800x)
**5)垃圾回收机制**
  在本节开头提到了并行(parallel)、增量(incremental)和并发(concurrent)三种垃圾回收机制。
  (1)并行是指主线程和协助线程同时执行同样的工作,这仍然是一种全停顿。
  但垃圾回收所耗费的时间等于总时间除以参与的线程数量(加上一些同步开销)。
:-: ![](https://img.kancloud.cn/22/17/2217f641e0939c09bf8aa8ed93234f3e_1400x434.jpeg =600x)
  (2)增量是指主线程间歇性的去做少量的垃圾回收,而不是花一整段时间去执行。
  虽然没有减少主线程暂停的时间,但 JavaScript 的执行都能得到及时的响应。
![](https://img.kancloud.cn/f1/d7/f1d71021be38716eb769865e9b9b8bba_1296x440.jpeg =600x)
  (3)并发是指主线程一直执行 JavaScript,而辅助线程在后台执行垃圾回收,这种实现起来最难,需要处理很多复杂的场景。
  例如 JavaScript 堆上的任何东西都可以随时更改,使之前所做的工作无效。 况且现在有读/写竞争,辅助线程和主线程有可能同时在更改同一个对象。
:-: ![](https://img.kancloud.cn/80/71/8071e1dea57c8eff614161c0aa9a7622_1300x520.jpeg =600x)
  V8 在新生代垃圾回收中会使用并行清理,每个协助线程会将所有的活动对象都移动到 To-Space。
  主垃圾回收器主要使用并发标记,当堆的动态分配接近最高阈值时,会启动并发标记任务。
  V8 会利用主线程上的空闲时间主动的去执行垃圾回收,在 Chrome 中,大约有 16.6 毫秒的时间去渲染动画的每一帧。
  如果动画提前完成,那么就能在下一帧之前的空闲时间去触发垃圾回收。
:-: ![](https://img.kancloud.cn/9a/eb/9aeb909d43203c187b7b110a3c77222e_730x446.png =600x)
  在《[综合性 GC 问题和优化](https://github.com/aliyun-node/Node.js-Troubleshooting-Guide/blob/master/0x08_%E5%AE%9E%E8%B7%B5%E7%AF%87_%E7%BB%BC%E5%90%88%E6%80%A7%20GC%20%E9%97%AE%E9%A2%98%E5%92%8C%E4%BC%98%E5%8C%96.md)》一文中提到,绝大部分的 GC 引发的问题会表现在 CPU 上,而本质上这类问题却是 GC 引起的内存问题。
  一般产生的流程是:先在堆内存不断达到触发 GC 的预设条件,然后不断触发 GC,最后 CPU 飙高。
参考资料:
[Node.js 环境性能监控探究](https://juejin.cn/post/6844903781889474567)
[Nodejs中的内存管理和V8垃圾回收机制](https://www.nodejs.red/#/nodejs/memory)
[深入 Nodejs 源码探究 CPU 信息的获取与实时计算](https://www.nodejs.red/#/nodejs/modules/os-cpu-usage)
[「译」Orinoco: V8的垃圾回收器](https://zhuanlan.zhihu.com/p/55917130)
[Node.js 调试指南](https://www.bookstack.cn/read/node-in-debugging/README.md)
[CPU负载和 CPU使用率](https://www.cnblogs.com/muahao/p/6492665.html)
[CPU负载](https://github.com/autowebkit/tech/wiki/CPU%E8%B4%9F%E8%BD%BD)
[Difference between 'self' and 'total' in Chrome CPU Profile of JS](https://stackoverflow.com/questions/7127671/difference-between-self-and-total-in-chrome-cpu-profile-of-js)
[Deep understanding of chrome V8 garbage collection mechanism](https://developpaper.com/deep-understanding-of-chrome-v8-garbage-collection-mechanism/)
[怎么获取Node性能监控指标?获取方法分](https://www.php.cn/js-tutorial-491060.html)
*****
> 原文出处:
[博客园-Node.js精进](https://www.cnblogs.com/strick/category/2154090.html)
[知乎专栏-前端性能精进](https://www.zhihu.com/column/c_1611672656142725120)
已建立一个微信前端交流群,如要进群,请先加微信号freedom20180706或扫描下面的二维码,请求中需注明“看云加群”,在通过请求后就会把你拉进来。还搜集整理了一套[面试资料](https://github.com/pwstrick/daily),欢迎浏览。
![](https://box.kancloud.cn/2e1f8ecf9512ecdd2fcaae8250e7d48a_430x430.jpg =200x200)
推荐一款前端监控脚本:[shin-monitor](https://github.com/pwstrick/shin-monitor),不仅能监控前端的错误、通信、打印等行为,还能计算各类性能参数,包括 FMP、LCP、FP 等。
- ES6
- 1、let和const
- 2、扩展运算符和剩余参数
- 3、解构
- 4、模板字面量
- 5、对象字面量的扩展
- 6、Symbol
- 7、代码模块化
- 8、数字
- 9、字符串
- 10、正则表达式
- 11、对象
- 12、数组
- 13、类型化数组
- 14、函数
- 15、箭头函数和尾调用优化
- 16、Set
- 17、Map
- 18、迭代器
- 19、生成器
- 20、类
- 21、类的继承
- 22、Promise
- 23、Promise的静态方法和应用
- 24、代理和反射
- HTML
- 1、SVG
- 2、WebRTC基础实践
- 3、WebRTC视频通话
- 4、Web音视频基础
- CSS进阶
- 1、CSS基础拾遗
- 2、伪类和伪元素
- 3、CSS属性拾遗
- 4、浮动形状
- 5、渐变
- 6、滤镜
- 7、合成
- 8、裁剪和遮罩
- 9、网格布局
- 10、CSS方法论
- 11、管理后台响应式改造
- React
- 1、函数式编程
- 2、JSX
- 3、组件
- 4、生命周期
- 5、React和DOM
- 6、事件
- 7、表单
- 8、样式
- 9、组件通信
- 10、高阶组件
- 11、Redux基础
- 12、Redux中间件
- 13、React Router
- 14、测试框架
- 15、React Hooks
- 16、React源码分析
- 利器
- 1、npm
- 2、Babel
- 3、webpack基础
- 4、webpack进阶
- 5、Git
- 6、Fiddler
- 7、自制脚手架
- 8、VSCode插件研发
- 9、WebView中的页面调试方法
- Vue.js
- 1、数据绑定
- 2、指令
- 3、样式和表单
- 4、组件
- 5、组件通信
- 6、内容分发
- 7、渲染函数和JSX
- 8、Vue Router
- 9、Vuex
- TypeScript
- 1、数据类型
- 2、接口
- 3、类
- 4、泛型
- 5、类型兼容性
- 6、高级类型
- 7、命名空间
- 8、装饰器
- Node.js
- 1、Buffer、流和EventEmitter
- 2、文件系统和网络
- 3、命令行工具
- 4、自建前端监控系统
- 5、定时任务的调试
- 6、自制短链系统
- 7、定时任务的进化史
- 8、通用接口
- 9、微前端实践
- 10、接口日志查询
- 11、E2E测试
- 12、BFF
- 13、MySQL归档
- 14、压力测试
- 15、活动规则引擎
- 16、活动配置化
- 17、UmiJS版本升级
- 18、半吊子的可视化搭建系统
- 19、KOA源码分析(上)
- 20、KOA源码分析(下)
- 21、花10分钟入门Node.js
- 22、Node环境升级日志
- 23、Worker threads
- 24、低代码
- 25、Web自动化测试
- 26、接口拦截和页面回放实验
- 27、接口管理
- 28、Cypress自动化测试实践
- 29、基于Electron的开播助手
- Node.js精进
- 1、模块化
- 2、异步编程
- 3、流
- 4、事件触发器
- 5、HTTP
- 6、文件
- 7、日志
- 8、错误处理
- 9、性能监控(上)
- 10、性能监控(下)
- 11、Socket.IO
- 12、ElasticSearch
- 监控系统
- 1、SDK
- 2、存储和分析
- 3、性能监控
- 4、内存泄漏
- 5、小程序
- 6、较长的白屏时间
- 7、页面奔溃
- 8、shin-monitor源码分析
- 前端性能精进
- 1、优化方法论之测量
- 2、优化方法论之分析
- 3、浏览器之图像
- 4、浏览器之呈现
- 5、浏览器之JavaScript
- 6、网络
- 7、构建
- 前端体验优化
- 1、概述
- 2、基建
- 3、后端
- 4、数据
- 5、后台
- Web优化
- 1、CSS优化
- 2、JavaScript优化
- 3、图像和网络
- 4、用户体验和工具
- 5、网站优化
- 6、优化闭环实践
- 数据结构与算法
- 1、链表
- 2、栈、队列、散列表和位运算
- 3、二叉树
- 4、二分查找
- 5、回溯算法
- 6、贪心算法
- 7、分治算法
- 8、动态规划
- 程序员之路
- 大学
- 2011年
- 2012年
- 2013年
- 2014年
- 项目反思
- 前端基础学习分享
- 2015年
- 再一次项目反思
- 然并卵
- PC网站CSS分享
- 2016年
- 制造自己的榫卯
- PrimusUI
- 2017年
- 工匠精神
- 2018年
- 2019年
- 前端学习之路分享
- 2020年
- 2021年
- 2022年
- 2023年
- 日志
- 2020