【问题标题】:worklight poor performance on androidworklight 在 android 上的性能不佳
【发布时间】:2016-10-13 22:01:53
【问题描述】:

我目前正在测试 Worklight,我注意到与 iOS 设备相比,Android 设备的性能大幅下降。 (在华硕 nexus 7 与 iphone 4 上测试)

第一点是:一个简单的 html 页面在一个简单的 jquery 移动页面转换过程中出现抖动。 没有服务器调用。

我删除了 jQuery 移动过渡,因为它使用大量 javascript 而不是 css3 过渡功能,但它仍然继续从一个页面倾斜到另一个页面。 我的意思是在 2 个页面之间有 1/10 秒的“空白屏幕”并且下一页的呈现滞后。

为了分析该问题,我删除了 worklight 层并将我的简单 html/jquery 移动页面托管在 apache Web 服务器上,并从我设备的 chrome 浏览器中调用它。 即使有过渡,它也能完美流畅地工作。

之后,我在移动浏览器模拟器中分析了worklight生成的代码,发现里面有很多wlclient javascript文件,从我的角度来看,这不是实现网页的好方法,还有什么一个移动的。

有没有办法将所有这些文件编译成一个以避免对服务器的多个 http 请求?

如果我们只需要一小部分,有没有办法避免加载所有客户端 api?我的意思是,如果我不需要加密缓存,为什么要加载相关的js?

有没有办法强制浏览器引擎在应用内使用(chrome、opera、android native...)以测试每个引擎的性能?

工作灯 5.0.5.20121217-0622 安卓 21.0.0.v201210310015-519525 赢7 64位 Eclipse 3.7.2

非常感谢您的帮助。

【问题讨论】:

  • 几点。这些文件都在设备上,因此无需从服务器获取各种 .js 文件。此外,Chrome 和 Webview 之间的比较不是苹果对苹果的比较。

标签: android ibm-mobilefirst


【解决方案1】:

删除了 jQuery 移动过渡,因为它使用了大量的 javascript 而不是 css3 转换功能,但它仍然继续 从一个页面倾斜到另一个页面。

您可以选择不使用 jQuery Mobile 并自行实现动画或使用其他 UI 框架。您也可以尝试使用 jQuery Mobile 的 creating custom CSS-based transitions

我删除了工作灯层并托管了我的简单 html/jquery 移动设备 apache web 服务器上的页面并从我设备的 chrome 调用它 浏览器

Worklight 的文件不托管在任何服务器上,它们是您在设备上安装的 .apk 的一部分。 Web 视图中的性能与其他浏览器(例如 Google Chrome)中的性能不同。您可以通过查看other people are doing 来尝试改进它。

有没有办法将所有这些文件编译成一个以避免多个 对服务器的 http 请求?

作为“全部构建并部署”步骤的一部分,无法执行此操作。您可以编辑为每个环境生成的本机文件夹的内容,并手动将内容放入单个文件中。但是,我不推荐这种方法,因为当您“全部构建并部署”时,这些更改将被覆盖。如果您想使用 Ant 最小化您的资源,请阅读 this,但我怀疑它会显着提高性能。

如果我们只需要一个 小部分?我的意思是,如果我不需要加密缓存,为什么要加载 相关的js?

不,如果您阅读了我对上述问题的回复,您可以手动完成。

有没有办法强制浏览器引擎在应用内使用 (chrome,opera,android native...)为了测试每个的性能 一个?

不,您的 Worklight 使用 Apache Cordova 并使用 Android API 提供的 Web 视图。

【讨论】:

  • 非常感谢您的快速回复。我会检查
  • 为了未来的访问者,您应该接受答案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-09
  • 2017-06-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多