javascript - 移动webkit内存消耗

Question

我们正在为移动设备(Android + iOS)开发 HTML5 应用程序。但最大的问题是内存消耗 - 使用的内存量增长非常快，应用程序变得迟缓。

在 HTML(JavaScript) 应用程序中应对内存泄漏的最佳实践、提示、工具、解决方案等是什么？

P.S. 我们只针对 Webkit 浏览器

Answer 1

最近有一些关于这个主题的非常棒的文章。有一些非常令人惊讶的对象创建来源，除非您对其进行调整，否则它们不会真正引起您的注意。通常，问题不在于内存使用，实际上是收集应用缓慢泄漏的内存所需的垃圾收集周期。

这篇文章是我最近读到的关于该主题的最佳文章:http://www.scirra.com/blog/76/how-to-write-low-garbage-real-time-javascript

就解决/诊断问题的工具而言，我想到了 Google Chrome 的 Speedtracer。当然，针对 Chrome 进行调优并不能保证针对所有浏览器进行调优，但是导致在 Chrome 中创建对象的大部分内容对于 JS 规范都是通用的，因为所有浏览器都实现了它。

需要考虑的一件重要事情是 RAM 使用和视频 RAM 使用不同。一种最佳做法是确定您的 UI 的哪些部分正在硬件加速并确保它们很小(即一次适合屏幕)。如果屏幕硬件加速了巨大的滚动部分，您将获得 GPU 撕裂/平铺和滚动滞后。您可以使用 iOS 模拟器部分检测到这一点。本文简要介绍了这个想法:http://devinsheaven.com/turn-your-iphone-wacky-and-make-your-iphone-application-better/

最后，JavaScript 中有许多非常常见的内存泄漏模式，每个工程师都会时不时地遇到它们。 IBM 有一份很好的 list 。我不能发布超过两个链接，因为我是一个 n00b，但你可以用谷歌搜索“常见的 JavaScript 内存泄漏”，它可能是第一个结果。