天天看點

easyui加載慢

接觸了一段時間的easyui了,發現這個架構是真的慢,特别是在ie系列遊覽器下,要是遇到資料條數多的情況那就是崩潰的下場。正好最近研究了一下easyui加載慢的原因,分享一下我的發現,要是有社麼不對的請指出,如果能 指出改進的方法那真是萬分感激啊。

easyui

easyui是一種基于jQuery的使用者界面插件集合,支援HTML5(通過data-options屬性),支援擴充,可根據自己的需求擴充控件。我現在最主要使用的是tree插件和datagrid資料網絡插件,有時候最無法忍受的就是這個datagrid的加載慢的問題。

分析原因

首先我列印了背景的資料處理傳輸時間,以及js檔案的加載運作時間基本可排除累贅問題,也排除了datagrid單元加input渲染時耗時原因,最終我把目标定位在了easyui的身上。

後面通過遊覽器F12對資料請求進行研究,其中有個設定offsetWidth的東東,發現每多5條資料,資料的請求就會慢,分析得到大概每多5條資料就會在這個東東上多耗費400-500ms,在資料比較多的時候機會重新整理的比較慢。

我對這個不怎麼熟悉,具體原因不知,有知道的可以指導下。

繼續閱讀