经过近一年的筹备、编码和测试,FineUI(专业版)公测版终于和大家见面了!
相比开源版,FineUI(专业版)有明显的性能提升:
- 客户端 JS 库仅 130K(GZIP压缩)
- 下载流量减少 70%
- 内存占用减少 50%
- 速度提升 3 倍以上(***次访问)
现在就来体验一下专业版飞一般的速度吧:http://fineui.com/demo_pro/
FineUI开源版示例:http://fineui.com/demo/
FineUI首页:http://fineui.com/
版本更新历史:http://fineui.com/version/
客户端 JS 库仅 130K!(启用GZIP压缩)
FineUI(专业版)的客户端JavaScript库仅130K(启用GZIP压缩),更令人称赞的是这130K已经将jQuery库计算在内!
如此苗条的身材必将大大拓展FineUI(专业版)的应用范围,从桌面到移动,从局域网到互联网应用。
下载流量减少 70%
FineUI(开源版) | FineUI(专业版) | 减少百分比 | |
示例首页下载流量(启用GZIP压缩) | 719K | 177K | 75% |
示例首页下载流量 | 1900K | 446K | 77% |
JavaScript代码 | 1448K | 329K | 77% |
CSS | 321K | 27K | 92% |
缺省主题文件夹 | 513K | 4K | 99% |
内存占用减少 50%
FineUI(开源版) | FineUI(专业版) | 减少百分比 | |
示例首页 | 40M | 18M | 55% |
打开5个选项卡 | 62M | 26M | 58% |
打开10个选项卡 | 105M | 40M | 62% |
注:查看内存占用情况可以使用Chrome浏览器内置的任务管理器。
速度提升 3 倍以上(***次访问)
特别提醒:测试页面加载速度需要同时按下 Control + F5 ,进行强制刷新,来模拟用户***次访问的情况!
Control + F5 会强制从服务器下载页面需要的所有资源,而不是从浏览器缓存中读取,这个行为用来模拟用户***次访问页面!(***次非常重要!)
(限制浏览器的下载速度100K) | FineUI(开源版) | FineUI(专业版) | 速度提升倍数 |
示例首页(启用GZIP压缩) | 7.5s | 1.8s | 4.2X |
示例首页 | 25s | 5s | 5.0X |
(限制浏览器的下载速度200K) | FineUI(开源版) | FineUI(专业版) | 速度提升倍数 |
示例首页(启用GZIP压缩) | 4.0s | 1.0s | 4.0X |
示例首页 | 12.0s | 2.5s | 4.8X |
(限制浏览器的下载速度400K) | FineUI(开源版) | FineUI(专业版) | 速度提升倍数 |
示例首页(启用GZIP压缩) | 3.5s | 1.0s | 3.5X |
示例首页 | 6.0s | 1.5s | 4.0X |
由于每个人的测试环境不同,大家可以自由测试,看FineUI(专业版)的速度是否真的提升很多?
注:由于服务器都启用了 GZIP 压缩,所以大家无法在官网示例上测试禁用GZIP压缩的数据。
FineUI是什么?
FineUI 是一组基于 ExtJS 的专业 ASP.NET 控件库,拥有原生的 AJAX 支持和华丽的 UI 效果。
FineUI 的使命是创建没有 JavaScript,没有 CSS,没有 UpdatePanel,没有 ViewState,没有 WebServices 的网站应用程序。
从这段官方描述中,我们看到了三个信息点:
1.基于ExtJS。大家都知道ExtJS是一个很绚丽的JavaScript控件库,非常适合进行各种管理系统的开发。但是对于很多开发者而言,写上一堆一堆的JavaScript代码无疑是一个噩梦。
2.ASP.NET2.0控件库。大家都知道ASP.NET的WebForm开发的***优点是快速开发,而ViewState则是这种快速开发的基石,使得我们使用C#代码操作页面上控件的任何属性。它的缺点也很明显,在Web2.0的时代每次都是整个页面回发(PostBack)显然过于落伍,并且默认的控件外观过于简陋。由于FineUI是基于ASP.NET2.0的控件库,所以可以自由地应用到 .Net Framework 2.0、3.5、4.0的项目中。
3.FineUI则是将ExtJS和ASP.NET进行深度整合的产物。大量基于JavaScript和CSS却不需要程序员编写JavaScript和CSS;原生的AJAX支持却不需要依赖ASP.NET AJAX的UpdatePanel;快速的ASP.NET开发模式却不需要ViewState的参与。最终FineUI剩下的只是简单的ASP.NET控件。学习FineUI只需要你有ASP.NET的开发基础,不需要事先学习ExtJS,因为FineUI是一个深度封装的控件库。
最终,我们可以给出如下一个简单的公式:
FineUI控件库 = 绚丽的ExtJS界面 + 快速的ASP.NET开发 + 简单的代码编写