我正在使用ExtJS 5来创建一个大型应用程序。 我试图最小化应用程序的初始加载时间。加载应用程序后,响应速度非常快。
在Application.js文件中我声明了视图[]内的所有视图(> 300)和控制器[]
内的所有控制器(> 300)在Application.js文件中声明所有视图和控制器是不是一个好的做法,或者不应该这样做?
其他细节 -
我已经在使用Sencha Cmd构建我的应用程序了。 构建完成后app.js的大小约为5MB。 我们也使用gzip,以便app.js文件减少到大约1.2 MB。
答案 0 :(得分:0)
分离兴趣问题的好方法是Using ViewControllers in Ext JS 5。 只有在创建视图时才会创建视图控制器。这可能会减少应用程序的加载时间。提供的链接提供了关于如何使用这些控制器的非常好的示例。
答案 1 :(得分:0)
如果要在登录前减小下载大小,可以将应用程序拆分为多个页面。第一页可以进行登录,然后重定向到下一页,该页面会关闭应用程序的其余部分。
或者 - 这是非常棘手的 - 您可以使用Sencha Cmd的include
和exclude
参数自定义构建过程以将应用程序文件拆分为多个文件。然后,您可以生成一个启动应用程序并显示登录对话框的小包。成功登录后,您可以使用Ext.Loader加载应用程序包的其余部分。
不要问我怎么做 - Sencha Cmd工具不仅仅是一点点奥术。如果您决定采用这种方法,最好联系Sencha的支持团队。