CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 使用Sencha Architect改进性能ST2.3应用程序大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在努力提高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中的主题选项(见 Sencha Architect 3 does not use app.css),因此未使用app.scss文件.有没有其他方法不包括所有默认的CSS文件?

使用:

> Sencha Architect版本:3.0.2.1375
> Sencha cmd:4.0.2.67框架:
> Sencha Touch 2.3.x

亲切的问候

解决方法

我没有使用过Sencha Architect,但是使用早期版本的Sencha作为一个手机应用程序,也许有一些相同的虑因素适用.

您可以使用Chrome审核标签找到未使用的CSS并将其删除.它还提供了有关如何改进代码的更多建议.

更多建议:ref

>使用远期缓存过期标头.这将阻止浏览器发送条件GET请求.
>如果您希望将HTML页面缓存,请尝试将HTML页面限制为25.6KB或更少,因为之前的测试显示iOS 3.2对iPad施加的限制是所测试设备的最低HTML资源限制.
>将CSS和JS组件保持在1MB以下.当然,1MB是巨大的,你的组件应该比这小得多,但是为了可缓存性而不要将组件拆分成单独的请求,除非它的大小接近1MB.
>如果组件在缓存中长时间或跨电源循环保持很重要,请虑使用HTML5应用程序缓存.

另外,不要忘记基本的东西,例如将图像转换为内联svg以减少所要求的请求.将Javascript包含移动到页面底部.

如果您正在制作动画,请使用css 3d变换.这使用GPU而不是2D变换.例如:translate3d()

希望这有帮助,祝你好运!

大佬总结

以上是大佬教程为你收集整理的css – 使用Sencha Architect改进性能ST2.3应用程序全部内容,希望文章能够帮你解决css – 使用Sencha Architect改进性能ST2.3应用程序所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。