FineUI(专业版)公测版发布:这速度,真TM快

原创
开发 前端
FineUI 是一组基于 ExtJS 的专业 ASP.NET 控件库,拥有原生的 AJAX 支持和华丽的 UI 效果。FineUI 的使命是创建没有 JavaScript,没有 CSS,没有 UpdatePanel,没有 ViewState,没有 WebServices 的网站应用程序。

经过近一年的筹备、编码和测试,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开发 + 简单的代码编写

责任编辑:林师授 来源: 51CTO
相关推荐

2009-02-25 08:47:42

MacSafari4

2009-11-19 09:10:54

Office 2010下载

2011-06-02 09:20:43

搜狗浏览器

2011-11-15 11:19:35

云桌面eyeOS

2012-07-17 10:17:13

Office 2013微软

2020-09-22 10:40:14

苹果 iOS系统

2014-02-14 15:35:09

Windows 9

2021-07-01 17:21:13

iOS 15公测版苹果

2009-10-20 10:26:47

SharePoint2发布

2010-12-09 17:01:27

Visual Stud

2023-08-10 06:59:18

2019-06-25 09:18:09

苹果 iOS系统

2020-02-11 18:42:04

iOS 13.4苹果更新

2023-07-14 07:17:52

2015-07-17 11:41:00

OSX更新

2022-07-13 00:00:47

iOS苹果系统

2021-08-26 06:56:46

苹果 iOS 15 Beta 7

2012-03-30 09:36:44

Windows 8专业版

2020-12-17 16:53:23

NVIDIA

2018-06-26 15:00:41

iOS 12苹果iOS 11
点赞
收藏

51CTO技术栈公众号