13秒-5秒见证之路--酷讯机票前端性能优化大事记.docxVIP

13秒-5秒见证之路 --酷讯机票前端性能优化大事记 酷讯旅游 前端研发工程师 张景伦 关于我 2 北京酷讯科技有限公司 张景伦 新浪微博： /zhangjinglun1988 邮箱：zhangjl@ 目录 为什么进行前端优化 我们是如何做的？ 3 北京酷讯科技有限公司 为什么进行前端优化 4 北京酷讯科技有限公司 用户体验是互联网产品追求的目标 机票前端服务存在性能问题 用户在说什么？ 页面滚动迟钝，经常“假死” 慢速网络下页面可用性差 5 北京酷讯科技有限公司 想说优化并不容易 页面请求数多 DOM结构复杂：每层的平行节点多达76个 富客户端，JS强交互型产品 6 北京酷讯科技有限公司 前端性能评价指标 页面开始绘制时间 首屏加载时间 页面可交互的时间 页面加载完毕的时间 用户任意单次交互结果展示等待时间 7 北京酷讯科技有限公司 行业性能标准 指标 最佳 可接受 差 页面开始绘制时间 1s 2.5s 2.5s 首屏加载时间 2s 5s 5s 页面可交互时间 2s 4s 4s 页面加载完毕的时间 4s 8s 8s 单次交互响应时间 300ms 1s 1s 8 北京酷讯科技有限公司 优化之路（一）：13秒 - 8秒 交互模式优化 dynaTrace 9 北京酷讯科技有限公司 结果