H5游戏开发之性能优化技巧二

之前小编为大家分享了六个H5游戏优化技巧，今天我们就继续上次的话题，讲讲在引擎动画方面的优化技巧都有哪些。感兴趣的伙伴可以参考了解一下，此优化技巧由专业H5游戏开发人员分享。

1、引擎首加

目前已经处理，引擎模块裁剪后是900KB+， 但settings文件有300KB. 还有一些其它加载。

2、场景/prefab等节点解析慢

根据官方解释，场景或者prefab的解析相对较慢。 建议把重复的节点删除，改为代码创建。试过了，这个确实有效，但Cocos Creator的可视化编辑基本上就没卵用了。另外，有一些复杂的界面，即使不重复的节点也很多的。 有点心累。

3、动画加载慢

这算是最大的一个效率优化点。 简单的动画要制作 经过动画文件加载解析，动画相关资源加载，组装动画，最后才得以显示。 我们之前的动画是挂接到节点的Animation上的。 导致进场景很卡。
现在改为了第一次播放时加载。 进游戏房间快了很多。但很明显这个动画组件的提升空间非常大。

4、合理规划图片资源结构，自动Atlas

加载时间过长最大的一个开销就是发起了太多的HTTP加载请求。 使用Atlas可以大大减少这个开销。 但为了避免前期不必要的加载。 最好做资源分类。 比如， 大厅的资源就放到一个Atlas中。 游戏的资源就放到另一批Atlas中。

5、资源压缩

我们使用了pngquat命令行，把web-mobile/res整体压缩了。 可以使加载量减少50%左右。

6、资源分步加载

游戏和web界面不同，是有很多动画，图片资源，这部分的体积占了游戏的90%，如何处理好游戏资源的加载，这对游戏的加载速度体验很关键。
针对游戏的分为各个部分，模块，资源也可以相应的划分为各个组，egret在资源这块处理的很好，提供了RES这个模块进行资源的处理，资源分组。相应的，在游戏中，进行分步加载也变得更加简单。

7、对象池

对一些复用的组件，建立对象池，这是一个很常见的做法，也是最需要做的事情。虽然现在浏览器的性能有了很大提升，但是，对于一低端机型，对象池还是很有必要。建立对象池，对一些重复使用的组件进行回收利用，而不是直接销毁，这对页面性能提升很大。

8、屏幕适配

针对不同的机型，进行适配一直是件很头疼的事情。市面的手机太多了，各种不同尺寸的屏幕，还有一些刘海屏，全面屏，适配是很麻烦的事情。屏幕适配这块，egret提供一些见简单的适配方案，比如拉伸占满屏幕，按宽度适配，高度适配，缩放保持原宽高比。

以上就是我们H5游戏优化的内容。目前看来，要想做到很好的加载体验。必须将场景分拆。 并且prefab的加载效率决定了我们不能大批量的使用。如果你想开发一款高质量H5游戏，欢迎咨询蓝橙互动，这里拥有专业H5开发团队，长达7年的实战开发经验，多家企业的信赖之选，相信能够解决你的开发问题。

相关文章：《H5游戏开发之性能优化技巧一》