The solution of web font-end performance optimization

摘要

With the rapid development of the Internet, people have a higher demand for the performance experience of the Web site. To improve page utilization and user interaction experience, web page capacity becomes bigger and bigger and use a lot of JavaScript code and its framework technology in web pages which makes web pages more expressive and richer.^[1] However, it also affects the resolution efficiency of the Web page in the browser, and directly delays the loading time of the Web page. To improve the user experience, web optimization becomes extremely necessary. Web site optimization is divided into front-end optimization and back-end optimization of two ways. We found that only 10%~20% of the time was used to get HTML documents from the Web server to the front-end browsers and the 80%~90% of the time was used in response to the front end^[2]. Front-end optimization requires less time and resources, and modifying a small number of programs can quickly improve the speed of your site^[3]. This article focuses on the front-end, from five aspects of the reduction of HTTP requests, page element optimization, Client caching optimization, DNS optimization and compression technology to propose some optimization methods to achieve the performance of the Web site to improve without changing the database and background code^[4].