与Sencha建筑师改进性能ST2.3应用程序

Question

我正在努力改善Sencha Touch 2.3应用程序的性能。我确实使用Sencha Architect 3构建了应用程序。现在，我阅读了几篇关于通过不包含所有默认sencha css类来提高应用程序性能的文章（请参阅https://www.sencha.com/blog/4-tricks-for-smaller-css-in-touch-22/）。我也想将这种方法应用到我的应用程序中（其他建议也会受到感谢）。但是，使用Sencha架构师编译/构建我的应用程序时，由于Sencha Architect中的主题选项而未使用app.scss文件（请参阅Sencha Architect 3 does not use app.css）。有没有另一种方法不包括所有默认的CSS文件？

使用：

• 煎茶建筑师版本：3.0.2.1375
• 煎茶CMD：4.0.2.67框架：
• 煎茶触摸2.3.x版本

亲切的问候

Answer 1

我没有使用Sencha架构师，但使用Sencha的早期版本作为phonegap应用，也许有些相同离子适用。

您可以使用Chrome审计选项卡来查找未使用的CSS并将其删除。它还提供了更多关于如何改进代码的建议。

很少有更多的建议：ref

1. 使用远未来缓存过期头。这将防止浏览器必须发送条件GET请求。
2. 尝试将HTML页面限制为25.6KB或更少，因为先前的测试显示iOS 3.2对iPad的限制是被测设备的最低HTML资源限制。
3. 保持1MB以下的CSS和JS组件。当然，1MB是巨大的，你的组件应该比这个小得多，但是除非它的大小接近1MB，否则不要将组件划分为单独的请求以提高可缓存性。
4. 考虑使用HTML5应用程序缓存，如果您的组件在很长时间内或跨电源周期持久存储在缓存中很重要。

另外不要忘了基本的东西，如车刀图像联SVG，以减少对请求做出&移动的JavaScript包括到页面的底部。

如果您正在做动画，请使用css 3d转换。这使用了GPU而不是2d转换。例如：translate3d()

希望这会有所帮助，祝你好运！

Answer 2

我也使用架构师3为我的应用程序，首先它的性能是非常糟糕的。但现在大部分都是正常的。一些建议：

1）不要使用CSS阴影

2）不要放大DOM结构

3）使用建立导航面板（推，pop方法）

4）如果你在你的应用程序列表大：

• 他们展示的3-5，其他autodestroy，使用延迟加载他们
• 或使用列表分页p lugin
• read about infinite lists

5）永远消灭不使用的面板！

对于构建我用科尔多瓦和CLI：

~/ sencha cordova init 
~/ sencha app build native 

没有科尔多瓦应用规模〜5-6mb。 随着科尔多瓦建立〜1-1.2mb。 科尔多瓦还有很好的本地功能桥。

Read有关主题化的煎茶建筑师3

---

索里对我的英语不好。