小云果园

猿急送>广州前端兼职程序员>@>

案例列表

基本信息

案例ID：206402

技术顾问：@ - 5年经验 - 壹心理

联系沟通

微信扫码，建群沟通

项目名称：小云果园

所属行业：文化娱乐 - 游戏

->查看更多案例

案例介绍

项目内容：
项目是养成记种树主题的引流推广游戏，主要投放在和彩云 APP 和 139 邮箱 APP ，游戏形式以领取种子，做任务与好友互动等方式获取水滴，浇水升级至 Lv10 后兑奖。该项目公司高度重视，开辟了多个渠道投放入口。
工作内容：
该项目前端工作从 0 到 1 由我独立研发，并参与后端的接口设计和联调，对接 139 邮箱 APP 开发与和彩云 APP 开发，打通跨端通讯能力，为了提升性能，通过 Web pack tree shaking标记无副作用模块，过滤没有使用到代码块，通过代码分离不同 bundle ，实现懒加载能力，对公共依赖模块抽离提取到新的 chunk，规避分离 bundle 重复引入资源，对非依赖模块配置动态 bundle hash，规避版本迭代时的缓存问题，同时规避公共依赖 bundle 的 hash 不更新，保障缓存能力，压缩资源 Size，规避了 html、css 结构的深层嵌套，减少白屏时间以及缩小重排性能，对 JSON 动画数据，采用异步请求获取资源。对图片采用雪碧图合并，减少请求的同时，在执行 css 动画时，规避首次切换背景图的闪动效果。从项目优化前首屏时长为 2.1S，优化为 0.8S。