Sencha Touch - sencha touch js 大小的性能问题

Posted 2023-02-25

【中文标题】Sencha Touch - sencha touch js 大小的性能问题

【英文标题】：Sencha Touch - Peformance issue with senchatouch js size

【发布时间】：2012-05-07 05:52:09

【问题描述】：

我已经使用 sencha touch 构建了应用程序，除了初始加载时间的初始问题外，它一切正常。 我已经制作了它的本机应用程序。使用 phonegap，构建了它的 jsb3 文件和 app-all.js 使用它。 但它与原始大小约为 2.4 M.B. 的 sencha-touch.js 无关。 其缩小后的大小也约为 600 K.b。这对于手机/平板电脑来说非常大。

有没有像我们可以仅将 sencha.js 用于我们在应用程序中使用的那些组件的东西？或任何其他减少大小或初始加载时间的方法？

请为我提供解决方案

【问题讨论】：

查看此处讨论的类似性能问题...***.com/questions/10338020/… & ***.com/questions/10085637/…

感谢您的回复，我已经尝试按照您的回答保持我的 DOM 尽可能小，动态处理视图，但除了缩小和压缩外，我对 sencha-touch.js 无能为力及其创建初始加载问题

谁能帮帮我？？仍然没有找到解决方案

【参考方案1】：

您可以使用Sencha SDK Tools 构建本机应用程序。

如果您的项目结构正确，您可以使用以下命令来构建您的原生应用程序。这也会缩小你的 javascript 大小：

C:\wamp\www\SenchaApp>sencha app build -e native -d pkg/native -a archive
[INFO] Deploying your application to C:\wamp\www\SenchaApp\pkg\native
[INFO] Copied sdk/sencha-touch.js
[INFO] Copied app.js
[INFO] Copied resources/css/app.css
[INFO] Copied resources/images
[INFO] Copied resources/icons
[INFO] Copied resources/loading
[INFO] Copied resources/data
[INFO] Resolving your application dependencies...
[INFO] Found 18 dependencies. Concatenating all into app.js...
[INFO] Processed sdk/sencha-touch.js
[INFO] Minifying sdk/sencha-touch.js
[INFO] Processed app.js
[INFO] Minifying app.js
[INFO] Minifying resources/css/app.css
[INFO] Minified app.js
[INFO] Minified sdk/sencha-touch.js
[INFO] Minified resources/css/app.css
[INFO] Generated app.json
[INFO] Embedded microloader into index.html
[INFO] Packaging your application as a native app...

【讨论】：

但我可以说，即使您最小化代码大小，性能仍然是一个问题。至少在 android 上...

是的，在 Android 上加载需要 7-8 秒