近年来,智能移动设备快速普及,移动互联网迅猛发展,根据我国最新的互联网发展状况统计报告,截至2016年6月我国网民数量已经达到7.10亿,其中手机网民6.56亿[1]。移动互联网时代早已经开启,成为了互联网行业的新战场。为了适应快速发展的移动端开发技术,基于HTML5技术的移动端Web App应运而生。Web App是利用HTML5等新一代Web技术实现特定功能,并且运行于网络和浏览器的移动端应用程序。随着设备性能的不断提高,移动端Web App的用户体验也渐渐逼近客户端应用。相对于已被人熟知的Android应用和IOS应用,移动端Web App最大的优势就是不需要下载安装即可使用,用户通过扫一扫二维码,或者通过推送的URL即可打开应用,又无需安装、更新或卸载。并且移动端Web App开发过程高效,版本迭代迅速,具有支持跨平台的内在属性。当然与客户端应用比起来,移动端Web App也存在稳定性低,兼容性差等问题。本论文所述的移动端Web App组件化开发,是针对Web App开发而设计的一种快速开发模式。在大型软件项目开发中,组件化开发能减少代码变更代价,每次变更业务需求时甚至不需要修改代码,仅仅是变更相关配置就可以实现新需求,可以大大提高开发效率,提高代码重复利用率,降低维护成本。另外,移动端设备的电量、内存等资源十分有限,提高移动端应用性能的意义不言而喻。在移动端业务需求越来越复杂的情况下,Web App性能优化的意义也越来越重要。作者读研期间,在腾讯科技(深圳)有限公司-社交网络事业群-社交平台部做过一年软件开发实习生。作者的主要工作就是参与Qzone移动端Web App基础组件库的构建、维护,以及利用基础组件库快速开发手机版QQ空间客户端内嵌的各种Web App,并且对其进行必要的性能优化。本论文所述的Web App组件化开发及性能优化课题,是来源于实习期间所做项目。本论文首先介绍了移动端Web App的发展背景与发展现状,引入了 Web App相关技术HTML5、CSS3、jQuery的介绍。然后介绍了基础组件库和组件化开发模式,以Qzone业务为背景介绍了基础组件库的构建过程,基础组件库主要包括滚屏组件、支付组件、抽奖组件、获奖记录组件、地址填写组件和分享定制组件,并且以一个Web App的开发实例详述了利用基础组件库进行组件化开发过程。随后从脚本加载优化、CSS图像拼合技术优化、Gzip压缩技术优化三个方面探讨了Web App性能优化的方案。最后,论文总结并展望了 Web App组件化开发技术和性能优化技术,以及Web App对移动互联网发展所起的积极作用。