javascript - Sencha Touch 2 安卓性能

Question

我听说煎茶一般来说，仅仅因为使用 javascript，在 android 设备上存在性能问题。

我熟悉 android webview 对象的限制，但我想知道这些性能声明是否有任何优点，尤其是在 Sencha Touch 2 出局的情况下

虽然我没有低端的安卓设备，但我浏览了 Sencha Touch 2 库，并不能很容易地找到免费的安卓应用程序，所以也许你可以解释一下你在安卓上使用 Sencha Touch 2 的体验以及你做了什么它更快

Answer 1

根据我目前的经验，在开发具有最佳性能的 Sencha Touch 2 应用程序时，需要牢记一些关键点：

1. 优化应用程序启动时间：

   • 压缩您的 JS 和 CSS 文件。删除任何未使用的 JS 函数或 CSS mixin（这可以通过 SASS/Compass 轻松完成）。更多详情，请阅读：http ://www.sencha.com/blog/an-introduction-to-theming-sencha-touch
   • 动态加载外部 JS 文件，这里已经有一个很好的话题：Sencha Touch 2 中加载外部 javascript 的正确方法是什么

2. 优化应用程序性能：

   • 保持你的 DOM 结构尽可能小。不活动的视图应该被销毁（如果需要，稍后动态添加到您的容器中）。
   • 避免使用过多的 CSS3 属性，因为它们在 Android 设备上非常慢。
   • 对于任何滚动视图，应在 Android 上禁用过度滚动。我已经在 Android 设备上测试了许多 Sencha Touch 2 应用程序，并且由于延迟和滞后，过度滚动会导致非常不愉快的体验。（在 Galaxy Tab、Nexus S 和一些 HTC 上测试）

这里还有一个话题与您的关注非常相关：

PhoneGap 1.4 包装 Sencha Touch 2.X - 性能如何？

希望能帮助到你。

2014 年 2 月 12 日编辑：我发布这个答案已经快 2 年了（即我使用 Sencha Touch 已经 3 年多了），我不得不说 Android 上的 Sencha Touch 性能令人遗憾的是不可接受的。有时我会陷入我没有完全掌握最佳实践的想法，但我认为这不是原因。或者至少，我们需要花费数年时间才能开发出与原生应用程序具有同等“外观和感觉”的大型 Sencha Touch 应用程序，因为这些技巧需要我们花费大量时间。

所以简而言之，如果你的目标是 iOS 或者你的应用程序非常小，那没关系。但对于 Android 上的大型应用程序，我个人不使用 Sencha Touch。