论文部分内容阅读
近年来,随着智能移动设备的普及,移动互联网成为了互联网发展的新动力,同时也为移动学习的跨越式发展带来了新契机。移动设备间的差异和无线网络资源的稀缺决定在移动学习开发时必须关注应用的性能问题。在纷繁复杂的移动学习Web站点中,用户更倾向于使用可以迅速响应、完美交互的优秀产品。这就形成了对web站点进行优化的迫切需求。Web站点优化可分为后端优化和前端优化两部分。研究表明,用户响应时间中只有10%~20%是花在了下载HTML文档上,其余的时间则花在了下载页面中的所有组件上。也就是说,如果关注前端性能并将其响应时间减少一半,整体响应时间可减少40%~45%;加之国内在后端的优化技术已经比较成熟,所以本文专注于Web前端的性能优化。本文首先介绍了移动Web前端优化的国内外研究现状,提出进行移动web前端性能优化的必要性。然后对Web的工作方式如HTTP协议、浏览器工作机制等和移动开发的特殊性进行介绍,web工作方式构成了在移动学习开发过程中进行性能优化的现实依据和理论基础。本文中间部分从html、CSS、JavaScript、图片和缓存五个方面,围绕内存和CPU两个核心主题,结合移动学习开发的实践,分类展开了移动Web前端性能优化方案的介绍。本文最后对图片优化方案之一,CSS Sprites,进行了制作时的再优化。现在每个网站都有大量图片需要下载,而一个一个地下载不如整合到一块下载来的迅速,这就是Sprites技术。CSS Sprites技术的出现在一定程度上加速了网站的响应时间,从而可提供更好的用户体验。前端开发起步较晚,而图片制作往往是交互设计师的任务,职能的细化造成了他们在实际工作中不能采用软件工程师一样的思维去用算法进行优化。本文针对CSS Sprites的制作,提出一个将多个具有不同宽度和高度的矩形图像整合为一个矩形图像时的优化算法,并展示了此算法是如何达到最优的一个过程。