Egret社区

egret JS合并脚本

2016-2-2 11:09
32999319
本帖最后由 nofastfat 于 2017-8-29 09:56 编辑

最近接了几个微信H5的外包,练练手,积累一点egret经验,在最终发布时,不免都遇到加载时间较长的问题,必须优化一番。

这里分享一个可以减少加载时间的方法:合并JS!

在egret中release了以后,除了main.miin.js,其他默认都是不合并的

首先,大家都知道,网页请求时间除了请求本身的发送数据和返回数据的大小以外,还一一部分时间是浪费在了http请求响应上,如下图
QQ图片20160202104753.jpg

如果合并这些JS,如下图:
QQ图片20160202104936.jpg

对比上面2个图可以发现:项目一共引入9个js,不合并的情况下(注意是状态304不是200),耗时1089ms。合并后,耗时:139ms

其中JS库如下:
[mw_shl_code=applescript,true]<script egret="lib" src="libs/modules/egret/egret.min.js"></script>
        <script egret="lib" src="libs/modules/egret/egret.web.min.js"></script>
        <script egret="lib" src="libs/modules/res/res.min.js"></script>
        <script egret="lib" src="libs/modules/tween/tween.min.js"></script>
        <script egret="lib" src="libs/modules/game/game.min.js"></script>
        <script egret="lib" src="libs/modules/game/game.web.min.js"></script>
        <script egret="lib" src="libs/modules/eui/eui.min.js"></script>
        <script egret="lib" src="libs/modules/puremvc/puremvc.min.js"></script>
        <script egret="lib" src="libs/modules/wxapi/wxapi.min.js"></script>[/mw_shl_code]

测试结果是可以节省1S左右的初始化时间,相信对于做html开发的人来说,1S空白等待是多么的蛋疼。

开始是手动合并,后来就写了一个脚本,基于nodejs。

用法:
1.cmd进到release目录下
2.输入命令:egret mergeJS
3.结果如下图
QQ图片20160202105939.jpg QQ图片20160202110111.png

脚本见附件

安装方法:
将mergeJS.js文件复制到 {egret引擎安装目录}/win/egret/tools/commands/ 下


脚本编写环境:egret3.02

原本想写一个wing插件的,后来看了3遍wing插件教程,愣是没看懂,干脆用命令行算求,这里吐槽一下,文档写的是很伤感,读起来更伤感。
2017-3-20 更新
由于引擎4.x升级,导致合并脚本解析异常,为此特别更新“合并JS插件(引擎4.x版)”,向下兼容,见附件
2017-8-29 更新

(本工具只适合4.x以下的引擎,不适用5.x)
游客,如果您要查看本帖隐藏内容请回复







分享到 :
24 人收藏
各种上线H5产品展示,个人站点:http://www.nofastfat.com/wp/?page_id=82

319 个回复

正序浏览
youxingxianshen  登堂入室 | 2019-8-20 14:52:03
牛xX666666666
lucasgo24601  登堂入室 | 2019-8-8 13:45:17
學習
Pigpig_Run  登堂入室 | 2019-8-7 10:38:51
学习下
wjjbbq  初学乍练 | 2019-7-31 11:22:29
看看
652908577  登堂入室 | 2019-7-8 13:56:26
感谢分享
feather630  初学乍练 | 2019-7-6 17:01:23
loveseven  登堂入室 | 2019-6-22 14:43:04
6666
bravebun  登堂入室 | 2019-6-4 10:23:00
谢谢楼主分享
helloP  登堂入室 | 2019-5-26 17:50:51
看看 。。 。。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|京网文[2014]0791-191号|京ICP证150115号|Egret社区 ( 京ICP备14025619号 )

Powered by Discuz! X3.4 © 2001-2019 Comsenz Inc.

返回顶部