Sencha Touch 在 IE10/WP8 上滚动缓慢答案

【问题标题】：Sencha Touch Scrolling Sluggish on IE10/WP8Sencha Touch 在 IE10/WP8 上滚动缓慢
【发布时间】：2013-06-13 15:40:37
【问题描述】：

所以我刚刚让我的应用程序在 IE10/WP8 (demo here) 上运行，我注意到的一件事是，在 Windows Phone 上，轮播卡之间的滚动和转换都相当缓慢。具体来说，屏幕需要半秒钟才能赶上我的手指。我想说它的响应能力比我从 Android 和 iPhone 获得的响应能力高出大约 80%，它们都具有非常完美的响应能力。作为参考，以下是我正在测试的设备：

iPhone 4
Android 京瓷崛起
WP8 诺基亚 Lumia 920
台式电脑 (Windows 8)

所以在所有手机中，我的 Windows Phone 无疑是最强大的，所以它可能不仅仅是硬件方面的考虑。我在 fastbook (http://fb.html5isready.com) 中也发现了这种迟缓。但是，我的 Windows 8 PC 上不存在这两个应用程序的迟缓问题。

在 WP8 中这部分性能是否需要特别考虑？我已经做了很多工作来优化应用程序的整体性能（销毁/回收所有未使用的 DOM 元素、事件委托等），并且应用程序的其余部分运行良好。所以我不确定我应该从这里去哪里。

提前致谢！

【问题讨论】：

标签： windows-phone-8 sencha-touch sencha-touch-2

【解决方案1】：

您如何提供这些大图像？您是否尝试过使用 sencha.io 为他们服务？您还可以使用 yahoo 工具 smush.it 进一步粉碎图像而不会损失质量。

另一个问题：您是否使用 CSS 阴影和效果？这些有时会对性能造成明显影响...

还有自定义字体，你是如何实现的？ Google 字体运行良好，还是您以其他方式实现它？

:-)

【讨论】：

在大图像上：即使它是一个打包的混合应用程序 (Sencha+PhoneGap)，我的性能也会受到影响。关于 CSS 阴影和效果：对于 IE10/WP8，我没有使用任何渐变，只有几个阴影。但是，Android/iOS 版本的效果更佳，运行良好。使用自定义字体：在 WP8 上，它只会使用 Segoe UI Regular，这是手机上存在的字体 :)
我认为您可以进一步优化轮播的使用。图像是如何加载到轮播中的？我建议一次只加载不超过 3 个。我相信在论坛或 Github 上有一个自定义轮播组件可以做到这一点。我认为您还使用了 Touch 2.2 的新基本主题，它去掉了大部分 CSS 块，然后在此基础上构建？而且我想您还使用 Sencha 命令编译了您的应用程序...尝试将其粘贴到您的浏览器控制台中：'document.getElementsByTagName("*").length' 它说多少 DOM 项？ 1000 太多了。
我最后和 Sencha 的一些人交谈过；他们将其作为框架的错误提交，因此当该错误解决后，我将返回修复程序。感谢您的帮助！