通過近一年的籌備、編碼和測試,FineUI(專業版)公測版終於和你們見面了!
如今就來體驗一下專業版飛通常的速度吧:http://fineui.com/demo_pro/
FineUI(專業版)首頁:http://fineui.com/pro/
客戶端 JS 庫僅 130K!(啓用GZIP壓縮)
FineUI(專業版)的客戶端JavaScript庫僅130K(啓用GZIP壓縮),更使人稱讚的是這130K已經將jQuery庫計算在內!
如此苗條的身材必將大大拓展FineUI(專業版)的應用範圍,從桌面到移動,從局域網到互聯網應用。
下載流量減小 70%php
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壓縮的數據。服務器
您以爲專業版速度如何,請到這裏來投票:http://fineui.com/bbs/forum.php?mod=viewthread&tid=5971測試