预搜优化,页面TTI时长缩减50%!去哪儿网酒店预订体验优化经验分享~
Source :
mp.weixin.qq.com
Author :
任佳
Qunar 大前端团队一直致力于提升 App 页面的用户体验,基于前端技术手段,提高页面的流畅度和稳定性。 国内酒店作为 Qunar 的核心业务,需要时刻关注、提升预订主流程各个页面的性能指标和用户体验。近期我们使用非关键模块延迟加载、Bundle 预加载、接口提速等方案提升核心页面的流畅度,均得到了很好的效果,但是酒店详情页还未实现页面秒开的目标,需要继续提升。 酒店详情页的功能是展示酒店的基础信息、房型报价,是为用户提供预订酒店下单服务的重要入口,而 TTI 是衡量页面秒开的重要标准。 本文从现状、优化空间、具体方案设计及优化效果等方面来讲解我们对提升酒店详情页 TTI 的思考和动作,希望能给读者一些启发。