(原创)easyui 页面加载慢的原因及解决办法

Easyui 框架简单、易用，且功能丰富，可以满足大多的管理类网站开发的要求。但越开发到后面的时候，

总感觉页面加载越来越慢，有时打开一个页面需要好几秒甚至十几秒，这种体验是非常糟糕的。

刚开始还以为是因为加载的东西多了，导致页面加载缓慢。通过IE浏览器的调试工具(IE中按F12调出)，网

络调试后发现，绝大部分时间都花在 datagrid 及 combobox 或是 combotree 这几个组件上了。自己的页面需

要在 $(function(){ XXX }); 中，页面加载前生成 combobox、combotree 等组件。

一、定位原因

通过调试后，得知 combobox、combotree、datagrid 等组件在加载时花的时间较多。通过初步测试发

现：如果 combobox 不通过 ajax 生成，而是直接在页面中写死option 项，加载的时间几乎为零，可以得出这

样的结论，easyui 在 $(function(){}) 中执行 ajax 从后端取出 combobox 数据会导致缓慢。同样，再测试

combotree 也存在这种情况。

二、解决办法

由于是 java 开发，可以在第一次请求 servlet 时，先从后台生成 combobox \ combotree 的 json 数据，

并存储为 servlet 变量，在页面中获取后，直接初始化 combobox 或 combotree 等组件。而避用 ajax 请求的

方式初始化相关组件。

三、避免重复 datagrid 请求

有时通过日志看到有些 datagrid 请求，重复请求了两次。这是由于 easyui 的设计问题造成的：如果在

页面中定义的 div 指定了 class="easyui-datagrid" ，然后在 javascript 代码中，又通过

$("#userDg").datagrid 去请求数据的，都将两次请求数据。且两次收集的参数还有些不同。解决办法是，将

页面中定义的 div 的 class="easyui-datagrid" 属性删除即可

(原创)easyui 页面加载慢的原因及解决办法相关推荐

1.7-1.8动态库加载失败的原因和解决办法
目录 1.动态库和静态库的原理 2.动态库加载失败的原因 3.解决方法 3.1 DT_RPATH段 3.2将libcalc.so的路径加入到环境变量LD_LIBRARY_PATH中 3.3将libca ...
前端页面加载缓慢的原因和性能优化问题
前端页面加载缓慢的原因和性能优化问题一.页面加载缓慢的原因二.前端性能优化方法一.页面加载缓慢的原因当我们打开一个网页,页面加载比较缓慢时,可能原因有以下几点: (1)过多的http请求 (2 ...
windows常见的加载错误的3个解决办法
windows常见的加载错误的3个解决办法作者:系统达人来源:http://www.dnxp.net 当在系统中频繁安装和卸载一些应用程序,或者频繁对系统进行杀毒操作的话,系统在日后的启动过程中可 ...
无法激活“Pylance“扩展, 因为它依赖于未加载的 Python 扩展。解决办法
"无法激活 "Pylance" 扩展, 因为它依赖于未加载的 "Python" 扩展.解决办法卸载Python扩展(如果你有pylance先卸载它) ...
java HelloWorld时报错:“找不到或无法加载主类“问题的解决办法
java HelloWorld时报错:"找不到或无法加载主类"问题的解决办法参考文章: (1)java HelloWorld时报错:"找不到或无法加载主类"问 ...
Github css加载失败，样式混乱解决办法
github被墙的解决办法 Github css加载失败,样式混乱解决办法打开cmd,输入 nslookup github.com 8.8.8.8 ,下面就会显示出github的服务器地址列表 ...
php项目css加载失败,CSS页面加载失败的原因有哪些
CSS加载失败的常见原因有:路径错误.浏览器不兼容.网络原因.编码格式不同等错误才刚刚入门CSS,经常会碰到CSS加载失败的问题,网页上什么样式都没有,今天将要和大家分享的是常见的CSS加载失败的原 ...
页面加载时间过长的解决
有时候会遇到这样的问题: 页面加载时间很长,需要一个友好界面来load这段空白时间, 而页面未加载的时候,页面里面的表单元素都是不存在的, 那前台写的初始化的js肯定是用不了了, 怎么办? 到网上搜了 ...
vue页面加载时闪现_如何解决Vue.js显示数据的时,页面闪现
下面我就为大家分享一篇解决使用Vue.js显示数据的时,页面闪现原始代码的问题,具有很好的参考价值,希望对大家有所帮助. 今天开始学习Vue.js的使用,但是在学习过程中发现一个问题,那就是页面加载数 ...

(原创)easyui 页面加载慢的原因及解决办法

(原创)easyui 页面加载慢的原因及解决办法相关推荐

最新文章

热门文章