ExtJS如何更好的应用于外网

爱⌒轻易说出口 提交于 2019-11-30 17:08:12

ExtJS的强大功能是大家有目共睹的,我不再介绍。但是,很多朋友在使用ExtJS的时候,往往会因为其庞大的体积望而却步,特别是在外网,这个缺点更加明显。

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

很多网友因此下结论是ExtJS根本无法应用于外网,但实际上,我们可以通过多种手段,来解决ExtJS的体积问题。今天我将大致介绍几种常用的方法,能够极大的提高加载速度,在外网情况下,浏览器首次打开页面(包括下载、渲染)的时间控制在1~3秒内,这个速度是完全可以接受的。


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

点我在线体验    账号:csadmin 密码:password

 

一、             尽量合并JS、CSS、图片,减少浏览器与服务器的请求次数,提高页面加载效率。

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

三、             进入管理系统前一般都需要用户输入用户名、密码、验证码,在这个期间使用异步加载技术,加载ExtJS等大文件。当用户填写完信息进入管理首页时,利用浏览器缓存的原理,可以极快的打开管理首页,这种方式是效果提升最明显的(当然这种方式并不是每个人都喜欢,所以请那些不喜欢的人就一笑而过吧)。


以下这是我在外网环境下做的几次测试,时间都在1秒左右。这个时间是完全可以接受的

 


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

点我在线体验    账号:csadmin 密码:password


本文仅做抛砖引玉之用,如果哪些朋友有还有别的方法,欢迎一起讨论。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!