Pixi.JS 动画优化

背景

本次活动为展示类型的活动页,共包括开始、结束以及 8 个场景。每个场景以动画展示为主,每个场景有一个转场动画用于衔接下一个场景,另包含一个弹窗展示。与抖音地图项目相比,本次场景动画更为丰富复杂,但流程控制简单很多,无需回退重播需求,切场景之间有转场分割、不要求有所场景都存在同一个舞台上。但是由于场景多,动画复杂,那么解决性能问题成了重点。

banner

Read More »

关键渲染路径优化

天下武功唯快不破,页面加载速度与用户体验息息相关,也关乎企业收益:最知名的当属 Amazon 加载速度每增加一秒一年少赚 16 亿美刀的例子(还是 N 年前的统计),真是应验那句话:

时间 == 金钱!

对此 Google Developer 专门有一篇文章用于阐述页面载入速度的重要性,此外还专门做了个工具,用于展示页面加载速度与收益关系。除了说,他们也这么做了: Google 直接把页面速度纳为搜索排名的指标。

关键渲染路径优化

Read More »