FineUI（專業(yè)版）公測版發(fā)布：這速度，真TM快
原創(chuàng)經(jīng)過近一年的籌備、編碼和測試，F(xiàn)ineUI（專業(yè)版）公測版終于和大家見面了！
相比開源版，F(xiàn)ineUI（專業(yè)版）有明顯的性能提升：
- 客戶端 JS 庫僅 130K（GZIP壓縮）
- 下載流量減少 70%
- 內(nèi)存占用減少 50%
- 速度提升 3 倍以上（***次訪問）
現(xiàn)在就來體驗(yàn)一下專業(yè)版飛一般的速度吧：http://fineui.com/demo_pro/
FineUI開源版示例：http://fineui.com/demo/
FineUI首頁：http://fineui.com/
版本更新歷史：http://fineui.com/version/
客戶端 JS 庫僅 130K!（啟用GZIP壓縮）
FineUI（專業(yè)版）的客戶端JavaScript庫僅130K（啟用GZIP壓縮），更令人稱贊的是這130K已經(jīng)將jQuery庫計(jì)算在內(nèi)！
如此苗條的身材必將大大拓展FineUI（專業(yè)版）的應(yīng)用范圍，從桌面到移動(dòng)，從局域網(wǎng)到互聯(lián)網(wǎng)應(yīng)用。
下載流量減少 70%
| FineUI（開源版） | FineUI（專業(yè)版） | 減少百分比 | |
| 示例首頁下載流量（啟用GZIP壓縮） | 719K | 177K | 75% |
| 示例首頁下載流量 | 1900K | 446K | 77% |
| JavaScript代碼 | 1448K | 329K | 77% |
| CSS | 321K | 27K | 92% |
| 缺省主題文件夾 | 513K | 4K | 99% |
內(nèi)存占用減少 50%
| FineUI（開源版） | FineUI（專業(yè)版） | 減少百分比 | |
| 示例首頁 | 40M | 18M | 55% |
| 打開5個(gè)選項(xiàng)卡 | 62M | 26M | 58% |
| 打開10個(gè)選項(xiàng)卡 | 105M | 40M | 62% |
注：查看內(nèi)存占用情況可以使用Chrome瀏覽器內(nèi)置的任務(wù)管理器。
速度提升 3 倍以上（***次訪問）
特別提醒：測試頁面加載速度需要同時(shí)按下 Control + F5 ，進(jìn)行強(qiáng)制刷新，來模擬用戶***次訪問的情況！
Control + F5 會(huì)強(qiáng)制從服務(wù)器下載頁面需要的所有資源，而不是從瀏覽器緩存中讀取，這個(gè)行為用來模擬用戶***次訪問頁面?。?**次非常重要！）
| （限制瀏覽器的下載速度100K） | FineUI（開源版） | FineUI（專業(yè)版） | 速度提升倍數(shù) |
| 示例首頁（啟用GZIP壓縮） | 7.5s | 1.8s | 4.2X |
| 示例首頁 | 25s | 5s | 5.0X |
| （限制瀏覽器的下載速度200K） | FineUI（開源版） | FineUI（專業(yè)版） | 速度提升倍數(shù) |
| 示例首頁（啟用GZIP壓縮） | 4.0s | 1.0s | 4.0X |
| 示例首頁 | 12.0s | 2.5s | 4.8X |
| （限制瀏覽器的下載速度400K） | FineUI（開源版） | FineUI（專業(yè)版） | 速度提升倍數(shù) |
| 示例首頁（啟用GZIP壓縮） | 3.5s | 1.0s | 3.5X |
| 示例首頁 | 6.0s | 1.5s | 4.0X |
由于每個(gè)人的測試環(huán)境不同，大家可以自由測試，看FineUI（專業(yè)版）的速度是否真的提升很多？
注：由于服務(wù)器都啟用了 GZIP 壓縮，所以大家無法在官網(wǎng)示例上測試禁用GZIP壓縮的數(shù)據(jù)。
FineUI是什么？
FineUI 是一組基于 ExtJS 的專業(yè) ASP.NET 控件庫，擁有原生的 AJAX 支持和華麗的 UI 效果。
FineUI 的使命是創(chuàng)建沒有 JavaScript，沒有 CSS，沒有 UpdatePanel，沒有 ViewState，沒有 WebServices 的網(wǎng)站應(yīng)用程序。
從這段官方描述中，我們看到了三個(gè)信息點(diǎn)：
1.基于ExtJS。大家都知道ExtJS是一個(gè)很絢麗的JavaScript控件庫，非常適合進(jìn)行各種管理系統(tǒng)的開發(fā)。但是對于很多開發(fā)者而言，寫上一堆一堆的JavaScript代碼無疑是一個(gè)噩夢。
2.ASP.NET2.0控件庫。大家都知道ASP.NET的WebForm開發(fā)的***優(yōu)點(diǎn)是快速開發(fā)，而ViewState則是這種快速開發(fā)的基石，使得我們使用C#代碼操作頁面上控件的任何屬性。它的缺點(diǎn)也很明顯，在Web2.0的時(shí)代每次都是整個(gè)頁面回發(fā)（PostBack）顯然過于落伍，并且默認(rèn)的控件外觀過于簡陋。由于FineUI是基于ASP.NET2.0的控件庫，所以可以自由地應(yīng)用到 .Net Framework 2.0、3.5、4.0的項(xiàng)目中。
3.FineUI則是將ExtJS和ASP.NET進(jìn)行深度整合的產(chǎn)物。大量基于JavaScript和CSS卻不需要程序員編寫JavaScript和CSS；原生的AJAX支持卻不需要依賴ASP.NET AJAX的UpdatePanel；快速的ASP.NET開發(fā)模式卻不需要ViewState的參與。最終FineUI剩下的只是簡單的ASP.NET控件。學(xué)習(xí)FineUI只需要你有ASP.NET的開發(fā)基礎(chǔ)，不需要事先學(xué)習(xí)ExtJS，因?yàn)镕ineUI是一個(gè)深度封裝的控件庫。
最終，我們可以給出如下一個(gè)簡單的公式：
FineUI控件庫 = 絢麗的ExtJS界面 + 快速的ASP.NET開發(fā) + 簡單的代碼編寫
