Mobile Web Front-end Performance Optimization And Application

In recent years,thanks to the rise of the mobile terminal,the mobile Internet access has been turned upside down,and its has become a new business battlefield.As for the mobile sites and applications,which is slow response and poor user experience,the users will not hesitate to give up them and switch to other similar products as a better alternative.Therefore,to improve system performance and user experience has become a major topic of all Internet companies.Mobile web system performance optimization is one of the key points to reduce the user access latency.This thesis discusses and researchs on all types of front-end optimization techniques.In this thesis,we researched the front-end of the mobile Web and Hybrid APP,using optimization techniques and various front-end frameworks,aimed at designing a set of good front-end optimization solutions and architecture.First,we started to reduce HTTP requests,discussed the question of too many http requests in web pages,and found a variety of technical solutions to solve this issue.Second,we compared and analyzed existing technology to confirm the advantage by front-end optimization.In the end,we put the solution into the actual work,which has reduced about 36% of the loading time.Then,to solve the drawbacks of the Web Storage by Cookie,we used HTML5 mobile storage technology —— Local Storage.We also independently encapsulated localstorage API to make it be high performance and more easy to use.Finally,we developed a mobile application APP calculator by using Hybrid technology.In this application,we used the idea of MVC to construct front-end code.It could solve the organization and code confusion in large mobile site development.Based on HTML5 and Javascript techniques,we ensured the site performance and the page loading speed premise.Plenty of advanced technique has been used in this work.Also they have been applied and optimized in the actual project.Front-end technology is still under development.A variety of front-end optimization techniques described in this theis have been put on the stage of practical work.It not only significantly reduced the HTTP request and speeded up the loading speed of the mobile terminal,but also laid a solid foundat for future optimizing.