Abstract
This paper focuses on the performance optimization of web front-end, proposing an optimization scheme of the system from the front end. It takes an information management website as an example, proposes a set of systematic, practical and operable website performance optimization solution based on web services. The solution includes loading external CDN resources, optimising component packaging process, lazy loading in route, Qiniu cloud acceleration, file compression, etc. It can improve the usability and performance of web application system, so as to improve the satisfaction of users through the optimization. At the end of the project, the comparative analysis results of website access performance before and after optimization are listed. The result shows that the size of top 5 resources reduced form 20 Mb to 79.7 kb. The image size can be reduce 94.3%, and the loading time can be reduced greatly, which decrease from the initial 25.27 s to the final 0.3 s.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
References
Chen H, Wan J (2018) Study of enterprise WebSite performance optimization and its application based on web. Intell Process Appl 008(002):67–69,73
Steve S (2007) High performance web sites, pp 1–170
Steve S et al (2009) Even faster web sites: performance best practices for web developers. O& apos; Reilly Media, pp 1–250
Song X, Fang Q (2016) Research and application of web front end performance optimization. Inf Technol 10:198–202
Pereira P, Araujo J, Torquato M, Dantas J, Melo C, Maciel P (2020) Stochastic performance model for web server capacity planning in fog computing. J Supercomput: 1–25. (prepublish)
Liu L (2015) Research on performance optimization based on web front end. Huazhong University of Science and Technology
Cheng W, Shaoyuan L, Lixiao Z, Jin G, Meiqin Z, Huimin L (2014) Optimisation scheme for web front-end performance and its practice. Comput Appl Softw 31(12):89–95+147
Yang L (2020) CDN-based website access acceleration technology research. Jiangxi Sci 38(02):245–251+286
Sajithabanu S, Balasundaram SR (2019) Direct push–pull or assisted push–pull? Toward optimal video content delivery using shared storage-based cloud CDN(SS-CCDN). J Supercomput 75(4):2193–2220
Huo F (2018) Optimization scheme and practice of web front-end performance. J ANHUI Vocat Coll Electron Inf Technol 17(02):5–8
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2021 The Author(s), under exclusive license to Springer Nature Singapore Pte Ltd.
About this paper
Cite this paper
Yan, F., Xu, Z., Zhong, Y.S., HaiBei, Z., Ge, C.Y. (2021). Research on Performance Optimization Scheme for Web Front-End and Its Practice. In: Liang, Q., Wang, W., Liu, X., Na, Z., Li, X., Zhang, B. (eds) Communications, Signal Processing, and Systems. CSPS 2020. Lecture Notes in Electrical Engineering, vol 654. Springer, Singapore. https://doi.org/10.1007/978-981-15-8411-4_118
Download citation
DOI: https://doi.org/10.1007/978-981-15-8411-4_118
Published:
Publisher Name: Springer, Singapore
Print ISBN: 978-981-15-8410-7
Online ISBN: 978-981-15-8411-4
eBook Packages: EngineeringEngineering (R0)