Skip to main content

Research on Performance Optimization Scheme for Web Front-End and Its Practice

  • Conference paper
  • First Online:
Communications, Signal Processing, and Systems (CSPS 2020)

Part of the book series: Lecture Notes in Electrical Engineering ((LNEE,volume 654))

  • 140 Accesses

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.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 169.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 219.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info
Hardcover Book
USD 219.99
Price excludes VAT (USA)
  • Durable hardcover edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

References

  1. 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

    Google Scholar 

  2. Steve S (2007) High performance web sites, pp 1–170

    Google Scholar 

  3. Steve S et al (2009) Even faster web sites: performance best practices for web developers. O& apos; Reilly Media, pp 1–250

    Google Scholar 

  4. Song X, Fang Q (2016) Research and application of web front end performance optimization. Inf Technol 10:198–202

    Google Scholar 

  5. 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)

    Google Scholar 

  6. Liu L (2015) Research on performance optimization based on web front end. Huazhong University of Science and Technology

    Google Scholar 

  7. 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

    Google Scholar 

  8. Yang L (2020) CDN-based website access acceleration technology research. Jiangxi Sci 38(02):245–251+286

    Google Scholar 

  9. 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

    Article  Google Scholar 

  10. Huo F (2018) Optimization scheme and practice of web front-end performance. J ANHUI Vocat Coll Electron Inf Technol 17(02):5–8

    Google Scholar 

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Fenglong Yan .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2021 The Author(s), under exclusive license to Springer Nature Singapore Pte Ltd.

About this paper

Check for updates. Verify currency and authenticity via CrossMark

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)

Publish with us

Policies and ethics