ExtJS如何更好的应用于外网

ExtJS的强大功能是你们有目共睹的，我再也不介绍。可是，不少朋友在使用ExtJS的时候，每每会由于其庞大的体积望而却步，特别是在外网，这个缺点更加明显。

ExtJS 4.X  推出了一种新的技术，动态加载，即用到哪一个类才下载哪一个文件，这种方式确实能够大幅加快首次加载速度，可是本人并不喜欢这样。

不少网友所以下结论是ExtJS根本没法应用于外网，但实际上，咱们能够经过多种手段，来解决ExtJS的体积问题。今天我将大体介绍几种经常使用的方法，可以极大的提升加载速度，在外网状况下，浏览器首次打开页面（包括下载、渲染）的时间控制在1~3秒内，这个速度是彻底能够接受的。

这里提供一个在线体验的地址：拓扑进销存管理系统

点我在线体验    帐号：csadmin 密码：password

 

1、             尽可能合并JS、CSS、图片，减小浏览器与服务器的请求次数，提升页面加载效率。

2、             使用GZIP压缩，这个你们应该都知道，在服务器将文件传递给浏览器前，先进行压缩，浏览器接受到文件后，对其进行解压，这样能够有效的下降文件的体积。以ExtJS4.1举例，其JS的文件ext-all.js大小为1.23MB，进行GZIP压缩后大小为380.79KB，体积大幅缩小。

3、             进入管理系统前通常都须要用户输入用户名、密码、验证码，在这个期间使用异步加载技术，加载ExtJS等大文件。当用户填写完信息进入管理首页时，利用浏览器缓存的原理，能够极快的打开管理首页，这种方式是效果提高最明显的（固然这种方式并非每一个人都喜欢，因此请那些不喜欢的人就一笑而过吧）。

如下这是我在外网环境下作的几回测试，时间都在1秒左右。这个时间是彻底能够接受的

 

这里提供一个在线体验的地址：拓扑进销存管理系统

点我在线体验    帐号：csadmin 密码：password

本文仅作抛砖引玉之用，若是哪些朋友有还有别的方法，欢迎一块儿讨论。