2020双11养猫技术大揭秘

简介： 你养猫了没？

作者 | 淘系-珑晴

在电商领域，互动是一个重要的用户增长方案，在提升用户黏性、活跃以及拉新上都发挥着重要的作用。今年双11，淘系互动团队推出了“超级星秀猫”，我们不盖楼、不开车，全民参与养猫出道，3只风格各异的萌猫咪一经问世，瞬间俘获了无数消费者的心。通过 EVA 互动体系一整套解决方案，大幅提升研发效率，支撑全民养猫猫在手淘、猫客、支付宝等多个 APP 互通。借助客户端能力及 EVA 互动体系将性能与内存良好控制，让多数用户体验高清稳定的互动，实现 0 故障及秒开，同时星秀猫参与人数再创新高。这篇文章将主要从页面渲染基建、EVA 研发体系和全局稳定性方案 3 个方面，来具体阐述淘系互动前端团队是如何做到双11互动又快又好又稳的。

页面渲染基建

不知道大家有没有发现，今年的双11养猫互动（以下简称双11互动）页面打开特别快，具体可看下面与去年双11互动主页在 iPhone 11 PRO 机器手机淘宝上的主页加载对比视频。不仅如此，还有个明显的变化是以往互动页面的标配--进度条没有了。

点击查看视频

互动主页加载对比，左：2019年双11，右：2020年双11，机型：iPhone 11 PRO

见多识广的你也许会问，是不是今年双11互动使用了 Native 版本？是不是今年双11互动使用了缓存方案？是不是今年双11互动也使用了预渲染技术？然而，答案是，都没有，今年双11互动与历年狂欢城一样，仍然是 web 页面，且资源全部走 CDN 无额外缓存。

那么，我们是如何做到如此顺滑的加载体验呢？这就要从 Solution 说起。

Solution 是天马搭建体系(https://zhuanlan.zhihu.com/p/137470317 )的概念，主要解决的问题是将模块+数据组合成页面，简单理解就是负责页面渲染 Layout。

自去年618起，淘系互动团队全部业务都开始迁移到天马搭建体系，Solution 也使用了官方推荐的通用 Solution。但是，通用 Solution 由于其通用性，冗杂了淘宝/天猫 60% 以上业务逻辑（粗略估计），体