文章出處
文章列表
經過近一年的籌備、編碼和測試,FineUI(專業版)公測版終于和大家見面了!
現在就來體驗一下專業版飛一般的速度吧:http://fineui.com/demo_pro/
FineUI(專業版)首頁:http://fineui.com/pro/
客戶端 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壓縮的數據。
您覺得專業版速度如何,請到這里來投票:http://fineui.com/bbs/forum.php?mod=viewthread&tid=5971
文章列表
全站熱搜