JavaScript内存堆大小在从页面到页面导航时不断增加。如何识别内存泄漏？

Question

我正在使用MongoDB数据库和Mongoose驱动程序运行React + Next.js电子商务网站。当使用Chrome浏览器内存探测器时，刚启动应用程序时的初始内存堆大小约为30 MB。

如果我与仅坐在一页的网站进行交互，则内存堆的增加不会增加。但是，例如，当导航到其他页面时，转到所有产品页面，向下滚动并加载更多的无限滚动产品，内存堆的大小会迅速增加。在下面的屏幕截图中，可以看出快照3＆amp; 4，在导航到其他页面，加载产品并查看它们时，堆尺寸增加了30 MB。

我在本地计算机上正在生产模式上运行这​​些测试。在我的网站现场部署的VP中，运行我网站的节点流程消耗的RAM数量似乎也随着时间而增加。这是我顶级命令结果的屏幕截图。 PID 1159的第二个过程是运行网站的过程。当前，％MEM列显示它使用的是4.9％的内存，但是在一天中，它的使用时间超过7％，直到我重新启动应用程序并降低了内存使用情况。

我猜想有一个内存泄漏，但无法弄清楚是什么原因引起的。

我怀疑的某些事情是不寻常的：

• 当导航到所有产品页面并无限滚动以加载更多产品时，那就是记忆堆急剧增加的时候。从该页面浏览后，似乎有很多独立的HTML元素似乎没有收集垃圾。这是内存剖面的屏幕截图。
• 在系统 / jsarraybufferdata树内的堆快照摘要中，在窗口中有一个名为Mongoose的对象，在保留尺寸列中显示高百分比。为什么将猫鼬加载到窗口中？

所有这些都是令人担忧的，因为我的VPS的性能差，我怀疑高度记忆使用情况是原因。

用于调试目的的一些额外信息：

我正在使用以下中间件建立与MongoDB数据库的连接：

const mongoose = require('mongoose')
const connectDB = handler => async (req, res) => {
if (mongoose.connections[0].readyState) {
return handler(req, res);
}
await mongoose.connect(`MONGODB_URI`, {
useUnifiedTopology: true,
useNewUrlParser: true
});
return handler(req,res);
};
export default connectDB

我正在以下面的方式导出Mongoose模式：

import mongoose from 'mongoose';

const productSchema = mongoose.Schema({
    section: String,
    category: String,
    category_slug: String,
    sub_category: String,
    sub_category_slug: String,
    product_code: String,
    title: String,
    description: String,
    batch_number: String,
    tags: [],
    warranty: String,
    similar_products: [{label: String, value: String, _id: false}],
    compatibility: {
        make_and_model: [],
        year: [],
        engine_chasis: []
    },
    product_variants: [{ type: new mongoose.Schema(
        {
        variant_code: String,
        variant_title: String,
        slug: String,
        color_variant: Boolean,
        images: [{id: Number, name: String}],
        status: String,
        views: Number,
        variant_details: [{ type: new mongoose.Schema(
            {
                size: String,
                local_price: { type: Number, default: 0 },
                local_discount: { type: Number, default: 0 },
                inventory: [{
                    type: new mongoose.Schema(
                        {
                            branch_id: mongoose.Schema.Types.ObjectId, quantity: Number
                        }
                    )
                }]
            }
        )
        }]
        }
    ) 
    }]
}, {timestamps: true})


mongoose.models = {};

export default mongoose.models.Product || mongoose.model("Product", productSchema);

如果需要，我愿意提供更多信息以进行调试目的。任何解决方案和反馈都非常感谢。