移动图片社交Web前端性能优化及应用
发布时间：2018-08-25 07:12
【摘要】：目前移动互联网的发展正处在历史性的转折点,移动智能终端和应用处于高速发展阶段,移动应用作为移动互联网的主角,是推动未来移动互联网发展的主要力量。然而,以HTML5为代表的移动Web技术尚处于发展的初级阶段,标准本身在向不断完善和改进空间演进,且相比本地应用移动智能终端仍存在执行HTML5效率低、设备调用能力受限、能耗较大等问题,都影响着移动Web应用的体验。 本文从移动Web开发存在移动浏览器内核种类繁多、屏幕尺寸多样化、设备性能参差不齐等现状出发,研究移动Web前端性能优化方案,并设计与实现了一种移动图片社交Web应用,对优化方案的可行性进行了验证。 首先,本文从移动Web前端渲染优化、图片优化、缓存优化和网络连接优化四个角度着手,提出移动Web前端性能优化模型,以缩短页面加载、渲染时间,提升用户体验。 然后,针对人们生活中的实际社交需求,设计了一个群组照片共享的移动图片社交Web应用,进行了功能需求分析,给出了系统功能模块的设计方案,并实现系统的总体架构及各个组成部分。 最后,针对上述移动图片社交Web应用实例,设计并执行优化方案,使用前端性能工具辅助对比优化前后实际效果,验证了优化方案的可行性。
[Abstract]:At present, the development of mobile Internet is at a historic turning point. Mobile intelligent terminals and applications are in the stage of rapid development. Mobile applications, as the protagonists of mobile Internet, are the main force to promote the development of mobile Internet in the future. However, the mobile Web technology represented by HTML5 is still in the initial stage of development, and the standard itself is evolving to perfect and improve the space continuously. Compared with the local application mobile intelligent terminal, the execution efficiency of HTML5 is still low, and the device transfer ability is limited. Large energy consumption and other problems affect the experience of mobile Web applications. In this paper, a mobile Web front-end performance optimization scheme is studied, and a mobile picture social Web application is designed and implemented based on the present situation of mobile Web development, such as the variety of mobile browser kernel, the diversity of screen size and the uneven performance of mobile Web. The feasibility of the optimization scheme is verified. Firstly, from four aspects of mobile Web front-end rendering optimization, picture optimization, cache optimization and network connection optimization, this paper proposes a mobile Web front-end performance optimization model to shorten page loading, render time and improve user experience. Then, according to the actual social needs of people in life, a mobile picture social Web application of group photo sharing is designed, and the function requirement analysis is carried out, and the design scheme of the system function module is given. And realize the overall structure of the system and each component. Finally, for the above mobile picture social Web application example, the optimization scheme is designed and executed. The feasibility of the optimization scheme is verified by using front-end performance tools to help compare the actual results before and after optimization.
【学位授予单位】：北京邮电大学
【学位级别】：硕士
【学位授予年份】：2015
【分类号】：TP393.09
本文编号：2202132
[Abstract]:At present, the development of mobile Internet is at a historic turning point. Mobile intelligent terminals and applications are in the stage of rapid development. Mobile applications, as the protagonists of mobile Internet, are the main force to promote the development of mobile Internet in the future. However, the mobile Web technology represented by HTML5 is still in the initial stage of development, and the standard itself is evolving to perfect and improve the space continuously. Compared with the local application mobile intelligent terminal, the execution efficiency of HTML5 is still low, and the device transfer ability is limited. Large energy consumption and other problems affect the experience of mobile Web applications. In this paper, a mobile Web front-end performance optimization scheme is studied, and a mobile picture social Web application is designed and implemented based on the present situation of mobile Web development, such as the variety of mobile browser kernel, the diversity of screen size and the uneven performance of mobile Web. The feasibility of the optimization scheme is verified. Firstly, from four aspects of mobile Web front-end rendering optimization, picture optimization, cache optimization and network connection optimization, this paper proposes a mobile Web front-end performance optimization model to shorten page loading, render time and improve user experience. Then, according to the actual social needs of people in life, a mobile picture social Web application of group photo sharing is designed, and the function requirement analysis is carried out, and the design scheme of the system function module is given. And realize the overall structure of the system and each component. Finally, for the above mobile picture social Web application example, the optimization scheme is designed and executed. The feasibility of the optimization scheme is verified by using front-end performance tools to help compare the actual results before and after optimization.
【学位授予单位】：北京邮电大学
【学位级别】：硕士
【学位授予年份】：2015
【分类号】：TP393.09
【参考文献】
相关期刊论文 前1条
1 刘斌;;HTML5-未来网络应用的核心技术研究[J];自动化与仪器仪表;2010年04期
，本文编号：2202132
本文链接：https://www.wllwen.com/guanlilunwen/ydhl/2202132.html
