MITIGATING PARTIAL CONTENT UPDATE ISSUES ON WEB PAGES THROUGH SPA PARAMETER OPTIMIZATION

DOI: 10.31673/2412-4338.2023.041320

Abstract

The experience of recent years has shown that the number of active web applications developed according to the fundamental principles of single-page applications continues to grow steadily despite a decrease in the number of newly created ones. This indicates a shift in focus from the importance of developing anew to the necessity of maintaining, servicing, and optimizing the existing end product. Furthermore, with the advancement and improvement of web development technologies, the potential expectations of users increase, necessitating the provision of a worthy user experience and the enhancement of application competitiveness. A significant role in this process is played by the partial content update process on web pages, widely used in the development of single-page applications. Most modern JavaScript frameworks designed for client-side web development employ the "out-of-box" technique, thereby providing the developer with complete discretion in deciding on approaches to its application. However, the automatic use of the web page content update mechanism does not guarantee desired results and often leads to average or sometimes unsatisfactory values that could have been avoided. This article provides an analysis of the characteristics of the performance parameters of a single-page web application, explores alternative methods to solve the stated problem, investigates potential "problematic" areas of the client-side of applications, compares the functioning of content update mechanisms of the most popular JavaScript frameworks Angular and React.js, and formulates recommendations for optimizing the overall application performance. The article concludes with tables of Core Web Vitals metrics for evaluating the effectiveness of the conducted optimization. Finally, potential vectors for further research are proposed.

Keywords: partial content update, single-page web application, web application optimization parameters, client-side web development, React.js library, Angular framework, web page, information technology.

References:
1. Beglerović V., Pirija L., Prazina I. and Okanović V., "Detection and Logging Changes in Web Pages," 2022 21st International Symposium INFOTEH-JAHORINA (INFOTEH), East Sarajevo, Bosnia and Herzegovina, 2022, pp. 1-5, doi: 10.1109/INFOTEH53737.2022.9751305.
2. Beyer T. Nachhaltige Websites. Praktischer Leitfaden zur Prüfung und Optimierung – mit zahlreichen Tool-Tipps und Programmcodes. Springer Fachmedien Wiesbaden GmbH, ein Teil von Springer Nature 2023
3. Kornienko D. V. “The Single Page Application architecture when developing secure Web services” et al 2021 J. Phys.: Conf. Ser. 2091 012065
4. Scott E. A. Jr. SPA Design and Architecture: Understanding single-page web applications. Manning Publications Co. NY, 2015. USA.
5. Selakovic M. and Prade M..Performance Issues and Optimizations in JavaScript: An Empirical Study. IEEE/ACM 38th International Conference on Software Engineering (ICSE), 2016, pp. 61-72, doi: 10.1145/2884781.2884829, 2016.
6. Van Riet J., Malavolta I. "Client-side Performance of Web-based Applications: the State of the Art." 2019. [Online; accessed 12. Oct. 2023]. Available at: https://jaspervanriet.nl/assets/literature_study.pdf.
7. Vesper. Measuring time-to-interactivity for modern web pages. In: Proceedings of the 15th USENIX Conference on Networked Systems Design and Implementation, NSDI. USENIX Association. [Online; accessed 14. Nov. 2023] 2018 Available at: https://www.cs.princeton.edu/~ravian/publications/vesper_nsdi18.pdf
8. Moshenchenko M., Zhurakovskyi B., Poltorak V., Bondarchuk A., Korshun N. Optimization Algorithms of Smart City Wireless Sensor Network Control / CEUR Workshop Proceedings, 2021, 3188, p. 32–42
9. Zhebka V., Gertsiuk M., Sokolov V., Malinov V., Sablina M. Optimization of Machine Learning Method to Improve the Management Efficiency of Heterogeneous Telecommunication Network CEUR Workshop Proceedings, 2022, 3288, p. 149–155