每日一博 | 互动游戏团队如何将性能体验优化做到 TOP 级别
一、背景 随着互动游戏业务 DAU 量级增加,性能和体验重要性也越发重要,好的性能和体验不仅可以增加用户使用体感,也可以增加用户对于互动游戏的使用粘性。 对现状分析,主要存在首屏渲染速度慢、打开页面存在白屏、页面加载过多资源等问题,核心手段是增加骨架、接口优先级调整、预渲染、减小包体积等。 优化后,互动游戏签到功能做到同类业务性能体验 Top 级别,下面是优化后数据: 首屏渲染速度:优化后提升首屏渲染速度39%。 首屏骨架:骨架体积大小减少44%(压缩后减少50%)。 首次加载总资源:资源总体积优化后,大小减少69%。 二、骨架 骨架屏是指在页面加载时,临时显示出页面的主要结构,可以让用户在等待页面加载完成时,得到视觉上的反馈,提升页面的用户体验。 骨架示意图vs数据渲染 可以看出在接口返回数据之前,可以先使用骨架得到一些界面反馈。 三、缓存 虽然骨架屏可以让用户在视觉上得到反馈,毕竟不是真实的数据,总体还是有一些简陋,用户也可能并不知道这块区域实际渲染的是什么样的内容,若是网络环境不好,很可能会长时间的停留在骨架屏阶段,为了增强一些体感,使用缓存进一步对页面进行优化。 使用缓存渲染具...
