携程移动网站优化实践.pdf

携程移动网站优化实践 潘斐斐 携程旅行网，框架研发部 概览 • 实时检测移动性能 • Mobile User Behavior Tracker • MUBT架构 • 让性能数据说话 • 用户真实的网络情况 • 并发限制 • local-storage • 预工作 实时检测移动端性能 USER != WE 为什么海豚一直转圈圈？？ 我的很快啊…... BOSS feifei Mobile User Behavior Tracker “If you can’t measure it, you can’t improve it” — Peter Drucker 携程移动网站 Single Page Application Mobile User Behavior Tracker Mobile User Behavior Tracker √ Use Javascript Web App + Hybrid App √ Performance Metrics 传统PC 移动设备 Data Load ( Ajax / Jsonp )
 DNS - 数据请求开始至数据接收完毕的时间 Connect Animation
 - 动画开始至动画结束的时间 Request GPS - 定位时间 Blank + Localstorage Response - LS的体积 Domready PayLoad - 静态资源 Load - Restful API数据 …… MUBT性能采集方法 Browser Static Resource Serv