为什么「不卡顿」是一种技术活:87影院的加载优化笔记
首屏加载优化
首屏加载是体验的第一关。87影院通过静态资源预加载、首屏关键 CSS 内联、图片懒加载三重优化,把首屏时间压缩到 1 秒以内。
切集不断流
切集断流是看剧最烦的事。我们通过切片预取与播放器预缓冲,让下一集在上一集播放到 60% 时就开始缓存,切换时几乎无感。
搜索速度的瓶颈
搜索速度的瓶颈通常在索引结构。我们把片名、演员、导演建立倒排索引,配合前端搜索防抖,输入第一个字就能在 100ms 内出结果。
AI 推荐的算力取舍
AI 推荐需要在精度与算力之间取舍。我们选择在用户侧做轻量特征提取,主推荐计算放在服务端异步完成,既保证推荐精度又不拖慢前端。