ExtJS如何更好的應用於外網

ExtJS的強大功能是你們有目共睹的，我再也不介紹。可是，不少朋友在使用ExtJS的時候，每每會由於其龐大的體積望而卻步，特別是在外網，這個缺點更加明顯。

ExtJS 4.X  推出了一種新的技術，動態加載，即用到哪一個類才下載哪一個文件，這種方式確實能夠大幅加快首次加載速度，可是本人並不喜歡這樣。

不少網友所以下結論是ExtJS根本沒法應用於外網，但實際上，咱們能夠經過多種手段，來解決ExtJS的體積問題。今天我將大體介紹幾種經常使用的方法，可以極大的提升加載速度，在外網狀況下，瀏覽器首次打開頁面（包括下載、渲染）的時間控制在1~3秒內，這個速度是徹底能夠接受的。

這裏提供一個在線體驗的地址：拓撲進銷存管理系統

點我在線體驗    帳號：csadmin 密碼：password

 

1、             儘可能合併JS、CSS、圖片，減小瀏覽器與服務器的請求次數，提升頁面加載效率。

2、             使用GZIP壓縮，這個你們應該都知道，在服務器將文件傳遞給瀏覽器前，先進行壓縮，瀏覽器接受到文件後，對其進行解壓，這樣能夠有效的下降文件的體積。以ExtJS4.1舉例，其JS的文件ext-all.js大小爲1.23MB，進行GZIP壓縮後大小爲380.79KB，體積大幅縮小。

3、             進入管理系統前通常都須要用戶輸入用戶名、密碼、驗證碼，在這個期間使用異步加載技術，加載ExtJS等大文件。當用戶填寫完信息進入管理首頁時，利用瀏覽器緩存的原理，能夠極快的打開管理首頁，這種方式是效果提高最明顯的（固然這種方式並非每一個人都喜歡，因此請那些不喜歡的人就一笑而過吧）。

如下這是我在外網環境下作的幾回測試，時間都在1秒左右。這個時間是徹底能夠接受的

 

這裏提供一個在線體驗的地址：拓撲進銷存管理系統

點我在線體驗    帳號：csadmin 密碼：password

本文僅作拋磚引玉之用，若是哪些朋友有還有別的方法，歡迎一塊兒討論。