Angular 6网站在Chrome任务管理器中显示了1.3 gb的内存占用量，几秒钟后显示了160 mb的内存占用量

Question

我正在使用Angular 6，在生产中，我们的网站开始时内存占用为100MB，然后在加载时继续增加到1.3gb，然后在加载完成后的几秒钟内下降到160mb。 / p>

有人可以建议我为什么会发生这种情况以及如何调试此问题吗？

由于这个原因，许多用户在打开网站时都会看到chrome错误的 Aw snap 。我猜RAM不足的用户正面临这个问题。

P.S .：我正在使用生产构建和所有标准的生产部署步骤。

Answer 1

最后得到了问题和解决方案。问题与角度无关，而与浏览器如何渲染图像无关。

问题：：特定页面中有一幅图像，其图像尺寸为18000 x 12000像素jpg，但大小约为500kb。因此，当页面加载时，图像就被渲染了，这就是为什么内存占用量达到18000 * 12000 * 4字节=〜850 MB，而其余的内存消耗则来自角度应用程序和其他图像渲染。 >

解决方案： 尽管我们确保任何图像的最大容量为500kb，但是在渲染大尺寸图像时会占用更多的内存，因此进行了新检查以确保还监视图像的尺寸。