Performance optimization of web applications using Qwik
Adam Lipiński
adam.lipinski@pollub.edu.plDepartment of Computer Science, Lublin University of Technology (Poland)
Beata Pańczyk
Department of Computer Science - Lublin University of Technology (Poland)
https://orcid.org/0000-0001-8908-8501
Abstract
This article analyzes the performance of three frameworks - React.js, Next.js and Qwik - that offer different methods of rendering application views. The purpose of the study was to show whether the new Qwik framework allows for better application load times compared to the other frameworks. The study was conducted using 3 applications representing the same research content, referring to cases occurring in production environments. In order to assess the performance, the Google Lighthouse tool was used, thanks to which it was proved that it is impossible to unequivocally say that Qwik allows for better optimization of the application compared to other frameworks.
Keywords:
optimization, React, Next, QwikReferences
Presentation by M. Hevery on “Qwik + Partytown: How to remove 99% of JavaScript from main thread” at WeAreDevelopers World Congress 2022, https://www.youtube.com/watch?v=0dC11DMR3fU, [13.06.2023].
Google Scholar
C. M. Novac, O. C. Novac, R. M. Sferle, M. I. Gordan, G. Bujdosó, C. M. Dindelegan, Comparative study of some applications made in the Vue.js and React.js frameworks, 16th International Conference on Engineering of Modern Electric Systems (EMES), (2021) 1-4, https://doi.org/10.1109/EMES52337.2021.9484149.
DOI: https://doi.org/10.1109/EMES52337.2021.9484149
Google Scholar
Z. Dinku, React.js vs. Next.js, Metropolia University of Applied Sciences, (2022), https://www.theseus.fi/bitstream/handle/10024/750122/Dinku_Zerihun.pdf.
Google Scholar
A. Świątkowski, K. Ścibior, Comparative analysis of React, Next and Gatsby programming frameworks for creating SPA applications, Journal of Computer Sciences Institute, 24 (2022) 224-227, https://doi.org/10.35784/jcsi.2972.
DOI: https://doi.org/10.35784/jcsi.2972
Google Scholar
T. Fadhilah Iskandar, M. Lubis, T. Fabrianti Kusumasari, A. Ridho Lubis, Comparison between client-side and server-side rendering in the web development, IOP Conference Series: Materials Science and Engineering, 801 (2020) 1-6, https://doi.org/10.1088/1757-899X/801/1/012136.
DOI: https://doi.org/10.1088/1757-899X/801/1/012136
Google Scholar
M. Hakim, Speed index and critical path rendering performance for isomorphic single page applications, Proceedings of the 16th Winona Computer Science Undergraduate Research Seminar, (2016) 41-46, https://cs.winona.edu/cs-website/current_students/Projects/CSConference/2016conference.pdf.
Google Scholar
N. K. SG, P. K. Madugundu, J. Bose, S. C. S. Mogali, A Hybrid Web Rendering Framework on Cloud, 2016 IEEE International Conference on Web Services (ICWS), IEEE, (2016) 602-608, https://doi.org/10.1109/ICWS.2016.83.
DOI: https://doi.org/10.1109/ICWS.2016.83
Google Scholar
F. Pavić, L. Brkić, Methods of Improving and Optimizing React Web-applications, 44th International Convention on Information, Communication and Electronic Technology (MIPRO), (2021) 1753-1758, https://doi.org/10.23919/MIPRO52101.2021.9596762.
DOI: https://doi.org/10.23919/MIPRO52101.2021.9596762
Google Scholar
J. Väyrynen, Ensuring Availability of a Server-Side Rendered React Application: A Case Study, Aalto University, (2019), http://urn.fi/URN:NBN:fi:aalto-201905122998.
Google Scholar
A. M. Aladwani, An empirical test of the link between website quality and forward enterprise integration with web consumers, Business Process Management Journal, Emerald Publishing, 12 (2) (2006) 178-190, https://doi.org/10.1108/14637150610657521.
DOI: https://doi.org/10.1108/14637150610657521
Google Scholar
A. M. Aladwani, P. C. Palvia, Developing and validating an instrument for measuring user-perceived web quality, Information & Management, Elsevier, 39 (6) (2002) 467-476, https://doi.org/10.1016/S0378-7206(01)00113-6.
DOI: https://doi.org/10.1016/S0378-7206(01)00113-6
Google Scholar
F. Almeida, J. Monteiro, The role of responsive design in web development, Webology, Webology Center, 14 (2) (2017) 48-651, http://www.webology.org/2017/v14n2/a157.pdf.
Google Scholar
G. Richards, A. Gal, B. Eich, J. Vitek, Automated construction of JavaScript benchmarks, ACM SIGPLAN, 46 (10) (2011) 677-693, https://doi.org/10.1145/2076021.2048119.
DOI: https://doi.org/10.1145/2076021.2048119
Google Scholar
H. Findel, J. Navon, A Test Environment for Web Single Page Applications (SPA), In Proceedings of the 11th International Conference on Web Information Systems and Technologies - WEBIST, (2015) 47-54, https://doi.org/10.5220/0005428000470054.
DOI: https://doi.org/10.5220/0005428000470054
Google Scholar
H. Golestani, S. Mahlke, S. Narayanasamy, Characterization of Unnecessary Computations in Web Applications, IEEE International Symposium on Performance Analysis of Systems and Software, (2019) 11-21, https://doi.org/10.1109/ISPASS.2019.00010.
DOI: https://doi.org/10.1109/ISPASS.2019.00010
Google Scholar
K. Kiyokawa, Q. Jin, A Front-End Framework Selection Assistance System with Customizable Quantification Indicators Based on Analysis of Repository and Community Data, Big-Data-Analytics in Astronomy, Science, and Engineering, Lecture Notes in Computer Science, Springer, 13167 (2022) 41-55, https://doi.org/10.1007/978-3-030-96600-3_4.
DOI: https://doi.org/10.1007/978-3-030-96600-3_4
Google Scholar
M. Kaluža, K. Troskot, B. Vukelić, Comparison of Front-End frameworks for web applications development, Journal of the Polytechnic of Rijeka, 6 (1) (2018) 261-282, https://doi.org/10.31784/zvr.6.1.19.
DOI: https://doi.org/10.31784/zvr.6.1.19
Google Scholar
L. Borzemski, M. Kędras, Measured vs. Perceived Web Performance, Information Systems Architecture and Technology: Proceedings of 40th Anniversary International Conference on Information Systems Architecture and Technology – ISAT 2019, ISAT 2019, Advances in Intelligent Systems and Computing, Springer, 1050 (2019) 285-301, https://doi.org/10.1007/978-3-030-30440-9_27.
DOI: https://doi.org/10.1007/978-3-030-30440-9_27
Google Scholar
J. Miller, A. Osmani, Rendering on the Web, Google Developers, web.dev, (2019), https://web.dev/rendering-on-the-web/, [20.03.2023].
Google Scholar
R. Carniato, Resumable JavaScript with Qwik, DEV Community, (2022), https://dev.to/this-is-learning/resumable-javascript-with-qwik-2i29, [20.03.2023].
Google Scholar
How the Performance score is weighted - Lighthouse 10, https://developer.chrome.com/docs/lighthouse/performance/performance-scoring/#lighthouse-10, [25.04.2023].
Google Scholar
Next.js Documentation - Image Component and Image Optimization, https://nextjs.org/docs/basic-features/image-optimization, [25.04.2023].
Google Scholar
Authors
Adam Lipińskiadam.lipinski@pollub.edu.pl
Department of Computer Science, Lublin University of Technology Poland
Authors
Beata PańczykDepartment of Computer Science - Lublin University of Technology Poland
https://orcid.org/0000-0001-8908-8501
Statistics
Abstract views: 355PDF downloads: 361
License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.