我目前正在与一家银行公司合作,我们需要开发一个相当复杂但丰富的UI应用程序。我们正在使用EXTJS 4.2和Spring MVC。
应用程序的第一个版本大约在一个月前进入生产。 现在,在为新阶段建模时,我们遇到了一个主要障碍。此时应用程序加载时间相当高。发生这种情况是因为应用程序遵循单个Page web 2.0模型和多个JS文件,这些文件在缩小时 - > all-classes.js是3 MB。
现在还有很多工作要做,以便构建其他功能。 由于所有代码在启动期间都会立即加载,因此需要花费大量时间。
我想出了一个设计,但我不确定这是否会有所帮助..如果我们将我们的应用程序分成多个页面,每个页面都有不同的 - > all-classes.js,它会帮助提高性能吗?
我需要一些建议。
您可以参考我找到的链接:
http://docs.sencha.com/extjs/4.2.0/#!/guide/command_app_multi
http://www.sencha.com/forum/showthread.php?130449-Large-Single-Page-Architecture-in-ExtJS-4.0/page2
答案 0 :(得分:0)
嗯,有很多答案,其中最好的是“它取决于”。
分割成多个页面显然会产生一些性能提升。毕竟,你(可能)最初加载的文件较小,实例化的控制器较少等等。
问题是多少钱?我不确定我能不能很好地回答这个问题,因为我不知道应用程序及其结构的更多信息。
但是,我确实知道这一点。我有一个应用程序,其all-classes.js大约2 MB。虽然显然最初的命中加载它,后续访问使用它的缓存版本。甚至2MB文件的初始加载在大多数体面的连接上都非常快。