使用controlJS对GWT的JS进行异步加载

最近接手到一个网速特慢的服务器,速度慢的令人发指。我想通过异步加载GWT的JS来提高用户体验。

首先,我们来看看GWT的JS加载过程。通过Detailed模式对GWT项目进行编译后,打开moduleName.nocache.js可以看到该JS具体负责通过判断当前浏览器类型,来加载相应的XXX.cache.html文件.那么我们只需要异步加载moduleName.nocache.js就行了.

GWT的JS入口

然后,我在本站发现一个工具ControlJS这里是传送门,它可以对于指定的资源进行异步加载解决效率问题,该工具的具体原理请通过传送门阅读。

最后,设计两个Html页面来展示异步加载的效果。具体是index.html来加载GWT的JS,然后通过超链接跳转到GWT承载页面(point.html).

我在服务上的测试结果如下:

不使用异步加载的情况
在此输入图片描述

———————————————–分割线———————————————

使用异步加载后,index.html的情况
使用controlJS对GWT的JS进行异步加载_第1张图片

point.html的情况
在此输入图片描述

大家可以看到,貌似没有多少速度的提升….这个是我手头网速很快很快的一台服务器.但是证明咱们的思路是可行的,那么容我买个关子请大家等待我下一篇Blog的惊喜.

欢迎大家指正我这个思路的问题…

在此感谢我的老师陈华,你别那么害怕地震哈,天要灭你 你是跑不掉的~

哦,这里是源码链接
我的环境:
GWT 2.5.1
GXT 3.0.1

你可能感兴趣的:(gwt,ControlJS)