ABSTRACT
With the rapid development of information technology and the rapid popularization of the Internet, users have increasingly high requirements for website response speed, which makes website performance optimization extremely important. How to solve this problem is the key to improving user experience. This article first introduces the current situation of web front-end optimization at home and abroad, and proposes the necessity of web front-end performance optimization. This article analyzes the front-end design source code of the official website of Guangxi Construction Vocational College, and finds that the frequent use of div tags in its design complicates the structure of HTML documents without following the principles of separation of structure, representation, and behavior. Too many images lead to too many requests. Then, from the five aspects of HTML, CSS, Javascript, images, and HTML5 local storage technology, this article categorizes and introduces front-end performance optimization solutions, And test the performance improvement of each optimization solution through the Chrome browser developer tool Timeline. A comparative analysis of the timeline before and after optimization shows that the optimized webpage has a shorter loading time.
- Thunderbolt. Performance optimization of web application front end [J]. Mindong agricultural science and technology, 2017 (01): 29-30Google Scholar
- Yang Ming. Research and analysis of Web front-end performance optimization methods [J]. Journal of Information Recording Materials, 2023, 24(08):161-163.Google Scholar
- HANG Ruishan. Analysis of Web front-end performance Optimization based on HTTP Communication [J]. Journal of Integrated Circuit Applications, 2019, 40(09):178-179.Google Scholar
- Chen Shuming. Web Front-end Development Technology and optimization Strategy based on website making [J]. Computer Programming Skills and Maintenance, 2021, (06):73-76.Google Scholar
- Wang X .Optimized Development of Web Front-end Development Technology[J].Journal of Physics: Conference Series, 2019, 1693(1):012057-.Google Scholar
- Dai Sheng, Zhu Lin. research on website performance optimization based on Web server [J]. Information recording materials, 2018, 19 (06): 181-182.Google Scholar
- Zhou Qiang, Xie Jing, Zhao Huaming. Architecture research and solution of large websites[J]. Computer science, 2017, 44 (S1): 587-590.Google Scholar
- Ji Huabin, Shang Ying, Li Zheng. Web application asynchronous request timing problem detection [J]. Computer science and exploration, 2018, 12 (01): 101-111.Google Scholar
- Hu Feng, Wu Duo-Zhi. Research on Web front-end Development Technology and Optimization [J]. Electronic Technology and Software Engineering, 2020, (23):46-47.Google Scholar
- Zhuang Xinyan. Web front-end development technology and optimization based on website making [J]. Information Technology and Informatization, 2020, (07):17-19.Google Scholar
Index Terms
- Research on Web front-end performance optimization of campus portal websites
Recommendations
Research on Web Front-end Performance Optimization Based on XML
ICASIT 2021: 2021 International Conference on Aviation Safety and Information TechnologyAs for the optimization of Web sites, the optimization technology in the background is mature, but the research and attention on the performance optimization of Web front-end is far from enough. Based on XML, this paper first analyzes the research ...
Finding and classifying web units in websites
In web classification, most researchers assume that the objects to be classified are individual web pages from one or more websites. In practice, the assumption is too restrictive since a web page itself may not carry sufficient information for it to be ...
Web Crawlers on a Health Related Portal: Detection, Characterisation and Implications
DESE '11: Proceedings of the 2011 Developments in E-systems EngineeringWeb crawlers are automated computer programs that visit websites in order to download their content. They are employed for non-malicious (search engine crawlers indexing websites) and malicious purposes (those breaching privacy by harvesting email ...
Comments