The Future of Web Development - Hydration and Resumability: Enhancing frameworks with Service Workers, and the future of JavaScript Frameworks
2024 (English) Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE credits
Student thesis
Abstract [en]
There are many frameworks in the JavaScript ecosystem. Nowadays, new frameworks are released consistently. Frameworks such as Angular and Qwik use different processes like hydration and resumability, respectively. These frameworks solve many maintainability issues, and solves problems such as multiple event handlers, simultaneously offering a large community, and a rich ecosystem. This thesis focuses on a comparison between hydration and resumability front-end frameworks, and how they work with Service Worker. Using an experiment focused research method, both frameworks have been tested on desktop and mobile devices, using different internet speeds, and with different data amounts.
Two experiments were performed to gather quantitative data and insights. The first experiment utilises Google Lighthouse to obtain data through audits, while the second uses Chrome Developer Tools to collect network data from tasks performed by the frameworks Angular and Qwik.
The results showed that Qwik, with built-in Service Worker, had better performance across the varying environments when compared to Angular without Service Worker. However, Angular with Service Worker would prove to match the performance of Qwik, and proved to be slightly more responsive due to its Single Page Application.
Place, publisher, year, edition, pages 2024.
Keywords [en]
Angular, Qwik, front-end framework, JavaScript, hydration, resumability, Google Lighthouse, and Service Worker.
National Category
Other Engineering and Technologies
Identifiers URN: urn:nbn:se:hj:diva-65417 OAI: oai:DiVA.org:hj-65417 DiVA, id: diva2:1878280
External cooperation
Jordbruksverket
Subject / course JTH, Computer Engineering
Examiners
2024-07-302024-06-262025-10-13 Bibliographically approved