Abstract

User experience and engagement are the most important factors in web development, as they greatly influence the speed and reliability of a website. In recent times, with the emergence of full-stack development, JAMstack architecture has gained importance. That said, it does not mean that monolithic architecture is less useful and should fail to be used at all. Both quantitative and qualitative analysis of the client-side performance of two web architectures, monolithic and JAMstack, help bridge the research gap in existing studies by providing A clear, data-driven comparison of their efficiency in handling dynamic content across varying volumes. It shows how performance metrics such as Time to Interactive (TTI), Time to First Byte (TTFB), and memory consumption are sensitive based on architectural characteristics. The monolithic architecture often suffers from slow initial load times, as it is heavily dependent on server-side processing, regardless of the data amount. JAMstack provides a swift supply of static assets using a CDN, where the performance of this architecture mainly depends on the amount of dynamic data being fetched and rendered from the client side. JAMstack is mostly used when we need to reuse the backend code in multiple frontend apps. It also investigates how the memory usage of each architecture differs across browser engines. More importantly, such information is capable of helping organizations make better decisions about their web infrastructure that suit their specific project objectives.

References

• Whitley, S. (2023). A quantitative study on the performance and scalability of Jamstack in comparison to a monolithic web architecture [Bachelor’s thesis]. In Häme University of Applied Sciences (HAMK), Bachelor’s Programme in Information and Communication Technology (pp. 52–53). https://www.theseus.fi/bitstream/handle/10024/802108/Whitley_Sam.pdf?sequence=2&isAllowed=y.
• Markovic, D., Scekic, M., Bucaioni, A., & Cicchetti, A. (2022). Could jamstack be the future of web applications architecture? Proceedings of the 37th ACM/SIGAPP Symposium on Applied Computing. https://doi.org/10.1145/3477314.3506991
• Nguyen, D. P. (2021). How JavaScript ecosystem and open-source tooling enable a modern era of Single-Page Applications. Theseus. https://www.theseus.fi/handle/10024/495352
• Orosz, E. (2020). Modern Web Development with JAMsatck. Theseus. https://www.theseus.fi/handle/10024/341469.
• Hoang, T. (2020). JAMStack Continuous Integration and Continuous Deployment with CircleCI and Netlify. In Metropolia University of Applied Sciences, Bachelor of Engineering (p. 31) [Thesis]. https://www.theseus.fi/bitstream/handle/10024/342452/Hoang_Tri.pdf?sequence=2
• Nguyen, T. (2022). JAMSTACK: A MODERN SOLUTION FOR E-COMMERCE [Thesis]. VAASAN AMMATTIKORKEAKOULU UNIVERSITY OF APPLIED SCIENCES. https://www.theseus.fi/bitstream/handle/10024/751804/Thang%20Nguyen%20e1800955.pdf?sequence=2
• A multitenant Single-Page application for programming education. (2023, November 27). IEEE Conference Publication | IEEE Xplore. https://ieeexplore.ieee.org/abstract/document/10409809
• Gavrilă, V., Băjenaru, L., & Dobre, C. (2019). Modern Single Page Application Architecture: A case study. Studies in Informatics and Control, 28(2). https://doi.org/10.24846/v28i2y201911
• Enhancing SEO in Single-Page web applications in contrast with Multi-Page applications. (2024). IEEE Journals & Magazine | IEEE Xplore. https://ieeexplore.ieee.org/abstract/document/10403891
• International Journal of Recent Research Aspects ISSN 2349-7688. (2020). An architectural style for single page scalable modern web application. www.academia.edu. https://www.academia.edu/41538297/An_Architectural_Style_for_Single_Page_Scalable_Modern_Web_Application