EXTJS4前端優化

2021-10-01 11:07:55 字數 695 閱讀 8726

例如快取getelementbyid()的結果、編譯查詢表示式之類的東西,這個純看js功力。

2.4 可能的話,讓使用者換個瀏覽器吧

chrome比ie的js渲染快是數量級上的差異!構造乙個40列,50行的複雜gridpanel試試,你就會深有體會了……對於企業內部的mis系統,換瀏覽器還是具有可能性的。

3,記憶體洩露

ext效能調優方案

1. 將js進行合併壓縮。

使用yahoo的yui-compress.jar進行壓縮js,去掉過多的空格和注釋,並合併,減少io的支出。

2. 將前後臺傳輸的資料進行gzip壓縮。

大資料量的資料傳輸,通過gzip的壓縮方案,可以減少到25%,有些資料可能會更多。

3. 對大量的js分析依賴關係,進行動態載入。

這個是關鍵,通過分析所有的js中的依賴關係,減少了js載入的數量。從很大程度上提高了效能。

4. 另外對部分頁面進行快取,而非真正的關閉。

還有乙個外部的因素,由於系統使用的客戶機環境上的複雜,我們在多個瀏覽器上進行了測試,只有ie是最慢的,尤其是ie6,後來發現不是ie6要比ie7慢,是因為發現ms發布了指令碼引擎cscript 5.7, 而大部分的ie6系統都裝的是5.6, 這個版本上的公升級,不僅僅是修改了bug,在js的執行速度上也有了較大的提公升,於是我們在環境因素上又加上了一條,要求客戶安裝cscript5.7,也大大的提公升了頁面的開啟時間。

ExtJs4 問題總結

在用到ext grid的時候,如果後台計算量大或者返回的資料量過大導致載入資料時間超時,時間超時後會發現grid沒有資料顯示。解決的方法是把超時的時間設定大點,ext的ajax預設請求都是30秒。設定方法如下 ext.ajax.timeout 90000 一秒 1000毫秒。上面設定是把timeou...

學習Extjs4心得

其實,學習extjs4的過程中,經常的檢視api。因為一開始接觸這個,所以一開始不會檢視api,但後來玩久了,也就能夠很熟練的玩了。其實,不管事什麼開發語言還是框架,學會檢視api是我們必須要做的事 在開發過程中,最糾結的就是除錯,我用的是firefox,裡面有個firebug,是除錯js的神器,可...

ExtJs4 基礎必備

解壓有20多兆,別怕,真正執行的沒這麼大。認識下這個包的檔案結構吧。1.類的命名規範 2 原始檔的命名規則 3 方法和變數的命名規則 4 屬性的命名規則 onready 只有在ext框架全部載入完後才能在客戶端的 中使用ext,而ext的onready正是用來註冊在ext框架及頁面的html 載入完...