每次重新加载后，Node.js Web 应用程序 chrome 内存使用量都会增加答案

【问题标题】：Node.js web app chrome memory usage increasing after every reload每次重新加载后，Node.js Web 应用程序 chrome 内存使用量都会增加
【发布时间】：2021-02-03 12:13:55
【问题描述】：

我已经使用 node.js 构建了一个 Web 应用程序来向我们的用户显示信息。但是，每次刷新页面时，我都会看到内存使用量不正常地增加 (location.reload())。

首次加载时为 425MB， 2号787MB，三号1075MB， 4 日 1350mb 等...我已经看到它攀升至 5/6GBs

解决此问题的唯一方法是关闭选项卡并从新选项卡开始。

当页面闲置或浏览页面时，我看不到任何增加。就像每次重新加载页面时 chrome 都会保留旧页面。我曾尝试从开发工具中关闭缓存，但这并没有做任何事情。我试过查看内存开发工具，但我无法真正理解它。

有解决办法吗？

【问题讨论】：

这似乎是前端的内存泄漏。您是否尝试过使用其他浏览器来确认它是 Chrome 还是您的网络应用？
@user2895707 这似乎只发生在刚刚用 Edge 测试过的 Chrome 中，而且内存使用量不会增加
@user2895707 但是我可以确认 Firefox 中的内存增加是相同的
试试我发布的解决方案，让我知道它是否有效。
我在大型 Angular 应用程序中遇到了同样的问题，当开发工具打开时，重新加载会导致内存膨胀。我已经尝试了卸载技巧，但它对我没有用。我想知道这是否与 ng serve 使用 websocket 与页面通信的方式有关，并且没有被清理，但不确定......

标签： javascript node.js google-chrome memory-leaks google-chrome-devtools

【解决方案1】：

至少从2016开始，这是谷歌浏览器的问题

您可以使用链接的 2016 年问题中提出的解决方法：

window.addEventListener('unload', function () {
    document.documentElement.innerHTML = '';
});

并添加以下元标记以限制浏览器缓存站点。

<meta http-equiv='cache-control' content='no-cache'> 
<meta http-equiv='expires' content='0'> 
<meta http-equiv='pragma' content='no-cache'>

【讨论】：

感谢您对 Firefox 和 Chrome 都有效。我已经看到了 2016 年的答案，但由于它是一个如此古老的错误，我认为它会被修复。此外，当尝试将它添加到我的代码时，它首先没有工作，但我把它放在了错误的位置，我只需要将它添加为 .js 文件中的第一件事