Research Of Mobile Web Front-End Performance And Image’s Optimization

Recent years, with the popularity of smart mobile, Mobile Internet has become a new driving force for the development of the Internet, and also brought new opportunities for the rapid development of Mobile Learning. However, the difference of the mobile terminal devices and the scarcity of the wireless network resources make it important to pay attention to the performance of applications in the development of Mobile Learning. Besides, the performance of Web site is higher demand by people, in many complex Web sites, People are more inclined to use fast response and perfect interaction of excellent products. This is an urgent need to optimize the web site. Web site optimization is composed of back-end optimization and front-end optimization. The research shows that only10%to20%of the user response time is spent downloading HTML documents, the rest of the time is spent on all the components on the download page. That is, if the front-end performance is concerned and response time is reduced by half, the overall response time can be reduced from40%to45%. Since the back-end optimization technology is relatively mature, the Web front-end performance optimization is focused in this paper.Firstly, Web front-end optimization research status is introduced in this paper and it is proved necessary to take some performance optimizations. Then, the particularity of mobile development and the various optimization methods, such as HTTP protocol, working mechanism of the browser and so on, are shown by the way of working on the Web, and that constitutes a realistic basis and theoretical basis of the performance optimization in the development process of Mobile Learning. Then this paper, combined with the development of Mobile Learning practice, describes the mobile-side performance optimization programs from the five aspects of html, CSS, JavaScript, images, and cache, which mainly solve the problem of memory and CPU.Finally, in this article the re-optimization of CSS sprites, one of the optimization program image, is highlighted. Every site has a large number of images download, downloading by integration is faster than downloading one by one, which is the Sprite technology. The CSS Sprites technology appearance accelerates the response time of the website in a certain extent so that providing a better user experience. Front-end development started late, and picture production is often the task of the interaction designer, the refinement of the functions causing them can’t use the algorithm to optimize in practical work. A plurality of rectangular image of having different widths and heights integrated into a rectangular image optimization algorithm is proposed in this paper, how to achieve optimal process in the algorithm is shown.