Research And Implementation Of Several WEB Front-end Optimization Technologies Under Cloud Platform

With the continuous development of Web technology,web development has gradu-ally developed from simple page presentation to feature-rich web applications.More user interaction,complex functional requirements increasingly bring more performance chal-lenges to Web applications.In the traditional mode,the code in the front-end development is not modular,the code reuse rate is low?The home page load speed is too slow,resulting in the user turnover rate is too high? Too many resources are loaded,resulting in pages that are prone to stuttering and can not satisfy the user's smooth experience.The above-mentioned problems need to be urgently resolved.At the same time,in the unseparated development mode of the front and back end,the problem of the former and back-end de-velopers are cross-waiting,the efficiency of system maintenance and iteration is too low need to be solved.Therefore,in combination with the actual development needs of the project and the development of existing web technologies,studying how to restructure existing projects and optimize performance bottlenecks is of great significance and im-portance for enhancing product competitiveness and reducing the difficulty of subsequent project development.First of all,this thesis points out the lack of performance in the original system.Then,by studying the rendering mechanism of the browser,and combining technologies such as NodeJS,Vue.JS framework,and Nginx load balancing,the deficiencies of the original projects were addressed one by one.The system architecture with separate front-end and back-end was designed,and the front-end part was carefully divided to clarify the work content and solve the problem of development coupling.It also puts forward the idea of component development,divides the functions,and uses front-end development based on building blocks,which greatly reduces the workload of front-end and back-end developers in the production process.Combined with NodeJS technology,the concept of the middle layer was introduced to improve the loading speed of the homepage.Using the idea of function throttling and lazy loading,combined with DOM node caching technology,it solves the problem of insufficient scrolling performance of application display pages.At the same time,in order to enhance the availability of the system,a load balancing scheme based on Nginx was designed to ensure the availability of the system under a large number of user requests.Finally,by studying the local cache problem,a data model was designed to address the problems exposed in the original cloud platform system,and a cache re-placement scheme was proposed.Through practice in the process of cloud platform system reconfiguration,and performance tests,data comparison is performed to demonstrate the feasibility and efficiency of these optimization technologies,which can well guarantee the existing user performance requirements of cloud platform systems.