2018年3月9日

Cocos Creator性能优化与底层部署方案解析(一)

作者 admin

写这篇文章时候感觉自己手抖,怕各位大佬喷我,哈哈 今天分享一些个人的关于cocos 性能优化处理方案。

定制项目构建模板

Creator 支持对每个项目分别定制构建模板,只需要在需要定制的项目路径下添加一个 build-templates目录,里面按照平台路径划分子目录,然后里面的所有文件在构建结束后都会自动按照对应的目录结构复制到构建出的工程里。

结构类似:

project-folder
 |--assets
 |--build
 |--build-templates
      |--web-mobile
            |--index.html
      |--jsb-binary
            |--main.js
      |--jsb-default
            |--main.js

这样如果当前构建的平台是 web-mobile 的话,那么 build-templates/web-mobile/index.html 就会在构建后被拷贝到 build/web-mobile/index.html

官方的入口地址:http://docs.cocos.com/creator/manual/zh/publish/custom-project-build-template.html

还有个土法子,我们可以看到cocos打包后的目录结构

直接通过js操作这里面的对应id也可以,不过这样的话效率有些低效,能变得比如进度条的背景,进度条的样式等等。。。。。。

2. 图片部署自动化压缩优化

有条件的同学直接用gulp方式自动压缩,代码如下,

var imagemin = require("gulp-imagemin");
gulp.task("imagemin", function (cb) {
    gulp.src(["./build/web-mobile/**/*.png"])
        .pipe(imagemin([
            imagemin.gifsicle({interlaced: true}),
            imagemin.jpegtran({progressive: true}),
            imagemin.optipng({optimizationLevel: 5})
        ]))
        .pipe(gulp.dest("./build/web-mobile/"))
        .on("end", cb);
});`
或者直接去熊猫网 https://tinypng.com/

进行手动压缩

 

3. 对象池与场景销毁处理。

4. 减少龙骨网格与滤镜的变化。

5. 脏矩形检测处理。

6. 位图字体的矩阵式处理。

7. 顺序执行,同步执行,异步执行处理方案。

8. png图片的裁切舞台渲染与优化处理。

9.cdn处理方案。

10. 文件资源增加与md5强缓存适配处理。