| 摘要 | 第5-6页 |
| Abstract | 第6-7页 |
| 1 绪论 | 第10-14页 |
| 1.1 研究背景及意义 | 第10-11页 |
| 1.2 国内外研究现状 | 第11-12页 |
| 1.3 本文研究内容 | 第12-13页 |
| 1.4 本文结构安排 | 第13-14页 |
| 2 Web系统前端性能优化的概述 | 第14-22页 |
| 2.1 Web系统概述 | 第14-16页 |
| 2.1.1 Web应用系统概述 | 第14页 |
| 2.1.2 Web系统的起源和发展 | 第14-15页 |
| 2.1.3 Web前端应用的演变 | 第15-16页 |
| 2.1.4 Web前端内容 | 第16页 |
| 2.2 Web应用前端性能优化相关原理 | 第16-20页 |
| 2.2.1 剖析一个URL请求响应过程 | 第16-17页 |
| 2.2.2 浏览器工作机制 | 第17-18页 |
| 2.2.3 HTTP协议分析 | 第18-20页 |
| 2.3 移动Web开发的特殊性 | 第20-21页 |
| 2.3.1 屏幕尺寸多样化 | 第20页 |
| 2.3.2 移动端浏览器内核种类繁多 | 第20-21页 |
| 2.3.3 移动设备性能差异化 | 第21页 |
| 2.4 本章小结 | 第21-22页 |
| 3 Web前端性能优化方案 | 第22-34页 |
| 3.1 客户端显示优化处理 | 第22-28页 |
| 3.1.1 HTML的优化处理 | 第22-23页 |
| 3.1.2 CSS的优化处理 | 第23-25页 |
| 3.1.3 JavaScript的优化处理 | 第25-27页 |
| 3.1.4 压缩组件 | 第27-28页 |
| 3.2 图片优化方式 | 第28-29页 |
| 3.2.1 字体与SVG图标 | 第28页 |
| 3.2.2 图片格式选择 | 第28页 |
| 3.2.3 图片优化处理 | 第28-29页 |
| 3.3 Web缓存优化的优化方案 | 第29-33页 |
| 3.3.1 浏览器缓存优化 | 第30-31页 |
| 3.3.2 Web缓存优化 | 第31-32页 |
| 3.3.3 CDN技术 | 第32-33页 |
| 3.4 本章小结 | 第33-34页 |
| 4 改进的Diff DOM Tree算法对Web前端性能的优化 | 第34-49页 |
| 4.1 DOM定义及操作 | 第34-35页 |
| 4.1.1 DOM的定义 | 第34页 |
| 4.1.2 DOM的节点 | 第34-35页 |
| 4.1.3 DOM操作方法 | 第35页 |
| 4.2 虚拟DOM | 第35-38页 |
| 4.2.1 虚拟DOM的定义 | 第35-36页 |
| 4.2.2 Virtula DOM的简单实现 | 第36-38页 |
| 4.3 改进的Diff算法在Web前端性能优化中的应用 | 第38-48页 |
| 4.3.1 Virtual DOM Diff算法的由来 | 第38-39页 |
| 4.3.2 传统的Diff算法 | 第39-41页 |
| 4.3.3 改进的Diff算法 | 第41-46页 |
| 4.3.4 基于改进的diff算法的优化 | 第46-48页 |
| 4.4 本章小结 | 第48-49页 |
| 5 Web前端性能监控系统应用的设计与实现 | 第49-54页 |
| 5.1 Web前端性能监控系统应用需求分析 | 第49-50页 |
| 5.1.1 系统背景介绍 | 第49页 |
| 5.1.2 系统功能需求 | 第49页 |
| 5.1.3 系统非功能需求 | 第49-50页 |
| 5.2 前端性能监控系统应用原型设计 | 第50-51页 |
| 5.2.1 前端埋点 | 第50-51页 |
| 5.2.2 用户管理模块 | 第51页 |
| 5.2.3 后端处理数据模块 | 第51页 |
| 5.2.4 数据展示模块 | 第51页 |
| 5.3 前端性能监控系统应用的实现过程 | 第51-53页 |
| 5.3.1 前端性能监控系统的技术选型 | 第51页 |
| 5.3.2 前端性能监控系统的系统架构 | 第51-52页 |
| 5.3.3 前端性能监控系统的监控信息页面的展示 | 第52-53页 |
| 5.4 本章小结 | 第53-54页 |
| 6 总结与展望 | 第54-56页 |
| 6.1 总结 | 第54页 |
| 6.2 展望 | 第54-56页 |
| 参考文献 | 第56-58页 |
| 攻读硕士期间参与项目和科研成果 | 第58-59页 |
| 致谢 | 第59-60页 |
