| 摘要 | 第5-6页 |
| Abstract | 第6页 |
| 第一章 引言 | 第12-17页 |
| 1.1 项目背景 | 第12-13页 |
| 1.2 国内外研究现状 | 第13-14页 |
| 1.3 本文主要研究的工作 | 第14-15页 |
| 1.4 本文的组织结构 | 第15-17页 |
| 第二章 技术综述 | 第17-22页 |
| 2.1 Node | 第17页 |
| 2.2 服务端渲染 | 第17-18页 |
| 2.3 Webpack | 第18-19页 |
| 2.4 关键渲染路径 | 第19页 |
| 2.5 CSS Sprites | 第19-20页 |
| 2.6 Vue | 第20-21页 |
| 2.7 本章小结 | 第21-22页 |
| 第三章 拼团项目问题定位与分析 | 第22-36页 |
| 3.1 拼团项目简介 | 第22-25页 |
| 3.1.1 拼团项目功能概述 | 第22-24页 |
| 3.1.2 拼团项目前端架构 | 第24页 |
| 3.1.3 主要问题概述 | 第24-25页 |
| 3.2 加载性能问题 | 第25-30页 |
| 3.2.1 加载性能指标定义与获取方法 | 第25-27页 |
| 3.2.2 加载性能实际指标统计结果 | 第27-28页 |
| 3.2.3 加载性能问题分析 | 第28-30页 |
| 3.3 滚动性能问题 | 第30-33页 |
| 3.3.1 滚动性能指标定义与获取方法 | 第30-31页 |
| 3.3.2 滚动性能实际指标统计结果 | 第31-32页 |
| 3.3.3 滚动性能问题分析 | 第32-33页 |
| 3.4 易用性问题 | 第33-35页 |
| 3.4.1 易用性指标定义与获取方法 | 第34页 |
| 3.4.2 易用性实际指标 | 第34-35页 |
| 3.4.3 易用性问题分析 | 第35页 |
| 3.5 本章小结 | 第35-36页 |
| 第四章 拼团项目优化方案设计与实现 | 第36-57页 |
| 4.1 优化方案综述 | 第36-37页 |
| 4.1.1 加载性能优化方案概述 | 第36页 |
| 4.1.2 滚动性能优化方案概述 | 第36-37页 |
| 4.1.3 易用性优化方案概述 | 第37页 |
| 4.2 Node中间层 | 第37-42页 |
| 4.2.1 Node中间层设计 | 第37-40页 |
| 4.2.2 Node中间层实现 | 第40-42页 |
| 4.3 Webpack按需加载 | 第42-45页 |
| 4.3.1 Webpack按需加载设计 | 第43页 |
| 4.3.2 Webpack按需加载实现 | 第43-45页 |
| 4.4 图片懒加载 | 第45-46页 |
| 4.4.1 图片懒加载设计 | 第45-46页 |
| 4.4.2 图片懒加载实现 | 第46页 |
| 4.5 滚动性能优化 | 第46-51页 |
| 4.5.1 滚动性能优化设计 | 第46-47页 |
| 4.5.2 使用DocumentFragment缓存DOM节点实现 | 第47-48页 |
| 4.5.3 滚动监听函数优化实现 | 第48-51页 |
| 4.6 易用性优化 | 第51-53页 |
| 4.6.1 易用性优化设计 | 第51页 |
| 4.6.2 易用性优化实现 | 第51-53页 |
| 4.7 优化结果分析 | 第53-56页 |
| 4.7.1 首次关键绘制时间优化结果分析 | 第53-54页 |
| 4.7.2 页面帧率优化结果分析 | 第54-55页 |
| 4.7.3 易用性优化结果分析 | 第55-56页 |
| 4.8 本章小结 | 第56-57页 |
| 第五章 总结与展望 | 第57-59页 |
| 5.1 总结 | 第57页 |
| 5.2 进一步工作展望 | 第57-59页 |
| 参考文献 | 第59-62页 |
| 致谢 | 第62-64页 |