FineUI(專業版)公測版發布:這速度,真TM快
原創經過近一年的籌備、編碼和測試,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開發 + 簡單的代碼編寫