H5游戏比较大,200M左右,如何尽可能保证玩起来流畅?

版本是2.0.10,经常下载很慢,界面打开很慢,需要做哪些工作呢?我能想到的就是下载失败切换cdn?还有其他的办法吗?

1、写个脚本合并那些生成的json
2、服务器开一下json的压缩,就是那个gzip
3、图片压缩
4、合理合并图集

还有就是少一些花里胡哨的功能和需求,降低图片质量。

还有就是坚持到5G广泛使用

合并json能提供下思路吗

h5的加载优化很有意思,做法有很多,以下方案供参考。

以release构建大小为判断依据

  • 分析项目打包后文件大小分布情况,具体是哪部分占用太大。
  • 合理使用合图,尽可能把合图预览撑满,个人经验,在H5上不要使用2的N次冥来合图。
  • 九宫格,大背景考虑用jpg。
  • 分段下载,开始只加载需要显示的资源。
  • 某些特效考虑换粒子实现,骨骼动画?
  • 特效和模型分离,通常模型选用高画质,特效画质可略低一点。
  • 判断在Chrome系浏览器使用webp,秒png、jpg一条街,部署需准备两套资源,或者在部署后使用Nginx配置规则过滤自动处理。
  • 把大量的非UI PNG文件转成jpg或jpg+alpha,需要shader材质支持(可私信)
  • 音乐音效文件转单声道。
  • 是否使用了同种图片,包含了彩色和黑白色,考虑删除黑白图,直接用内置GrayMaterial直接处理彩色图像

不清楚可私信,可能回复不(you)及(chang)时。

2赞