如何将 HTML5 性能发挥到极致

时间:2017-05-04

  尝试将三处update改为:

Laya.timer.callLater(thisupdate);

  此时,update只会调用一次,并且是我们想要的结果。

  图片/图集加载

  在完成图片/图集的加载之后,引擎就会开始处理图片资源。如果加载的是一张图集,会处理每张子图片。如果一次性处理大量的图片,这个过程可能会造成长时间的卡顿。

  在游戏的资源加载中,可以将资源按照关卡、场景等分类加载。在同一时间处理的图片越少,当时的游戏响应速度也会更快。在资源使用完成后,也可以予以卸载,释放内存。


  第6节:其他优化策略

  1.减少粒子使用数量,在移动平台Canvas模式下,尽量不用粒子;

  2.在Canvas模式下,尽量减少旋转,缩放,alpha等属性的使用,这些属性会对性能产生消耗。(在WebGL模式可以使用);

  3.不要在timeloop里面创建对象及复杂计算;

  4.尽量减少对容器的autoSize的使用,减少getBounds()的使用,因为这些调用会产生较多计算;

  5.尽量少用try catch的使用,被try catch的函数执行会变得非常慢;


原文链接:http://www.codeceo.com/article/make-html5-high-performance.html

原文作者:极客头条

 

  • 共9页:
  • 上一页
  • 9/9下一篇
    上一篇:HTML5 VideoAPI,打造自己的Web视频播放器 下一篇:解决html5中video标签无法播放mp4问题的办法

    相关文章

    最新文章