Rendering performance comparison of react, vue, next, and nuxt
Article Sidebar
Published:
Nov 8, 2023
Keywords:
Framework, GTMetrix, PageSpeed Insight, Performance, Rendering, Webpage Test
Section
Computer Science
Statistics Article
Article View : 612 Times
Main Article Content
Abstract
This article presents a comprehensive analysis of the rendering performance of four popular JavaScript frameworks: React, Vue, Next.js, and Nuxt.js. In an increasingly competitive web development landscape, performance optimization is paramount. By exploring various benchmarks, profiling tools, and real-world use cases, this study delves into how these frameworks handle rendering, component updates, and server-side rendering (SSR). The results offer developers valuable insights into choosing the most suitable framework for their projects, with a focus on delivering optimal user experiences and efficient web applications. The results conducted with WebPageTest, PageSpeedInsight, and GTMetrix show that Vue is the fastest in the average result tested with Webpage Test with 0.9s compared to Nuxt with 2.2s. For PageSpeed Insight, React outperforms other frameworks with 2.8s compared to the highest which is Next with 3.9s. In GTMetrix test, Next turns out to be the fastest framework with 0.8s, while React is the slowest with 1.4s
Downloads
Download data is not yet available.
Article Details
How to Cite
Siahaan, M. and Kenidy, R. . (2023) “Rendering performance comparison of react, vue, next, and nuxt”, Jurnal Mantik, 7(3), pp. 1851-1860. doi: 10.35335/mantik.v7i3.4242.
References
Abdulla, R., Faraj, H. A., Mohammed, K. O., & Younis, M. M. (2023). Usability Evaluation of the Top 10 Universities in Iraq Using Heuristic Methods. Al-Mustansiriyah Journal of Science, 34(2), 50–59. https://doi.org/10.23851/MJS.V34I2.1234
Aklani, S. A., & Jacky, J. (2022). Perancangan Dan Implementasi Aplikasi Hotel Di Smk Harmoni Batam Menggunakan Framework Addie. National Conference for Community Service Project (NaCosPro), 4(1), 790–794. https://doi.org/10.37253/NACOSPRO.V4I1.7038
Axtell, N., Bacon, L., & Windall, G. (2020). COMPACT Web Design Approach: A Methodology and Modelling Technique for. Neil-Axtell.Wikidot.Com. http://neil-axtell.wikidot.com/local--files/publications/COMPACTPaperSQMJan2007Final.pdf
Boczkowski, K., & Pa?czyk, B. (2020). Comparison of the performance of tools for creating a SPA application interface-React and Vue. js. Journal Computer Sciences Insititute, 14, 73–77. https://ph.pollub.pl/index.php/jcsi/article/view/1579
Cincovi?, J., & Punt, M. (2020). Comparison: Angular vs. React vs. Vue. Which framework is the best choice? Universidad de Belgrade. http://www.eventiotic.com/eventiotic/files/Papers/URL/50173409-699e-4b17-8edb-9764ecc53160.pdf
Dawis, A. M., & Setiawan, I. (2022). Evaluation of The Website ‘Aisyiyah Surakarta of University Performance Based on Search Engine Optimization Using Automated Software Testing Gtmetrix. International Journal of Computer and Information System (IJCIS), 3(1), 17–20. https://doi.org/10.29040/IJCIS.V3I1.56
De Munk, O., & Malavolta, I. (2021). Measurement-based Experiments on the Mobile Web: A Systematic Mapping Study. ACM International Conference Proceeding Series, 191–200. https://doi.org/10.1145/3463274.3463318
De Munk, O., Scoccia, G. L., & Malavolta, I. (2022). The State of the Art In Measurement-based Experiments on the Mobile Web. Information and Software Technology, 149, 106944. https://doi.org/10.1016/J.INFSOF.2022.106944
Dutonde, P. D., Mamidwar, S. S., Korvate, M. S., Bafna, S., & Shirbhate, P. D. D. (2022). Website Developmemt Technologies: A Review. International Journal for Research in Applied Science and Engineering Technology, 10(1), 359–366. https://doi.org/10.22214/ijraset.2022.39839
Eslamdoust, A. (2022). An overview of search engine optimization techniques. Future Generation of Communication and Internet of Things, 1(4), 52–57. https://fgciot.semnan.iau.ir/article_699935.html
Hamzah, M. L., Rahmadhani, R. F., & Purwati, A. A. (2022). An Integration of Webqual 4.0, Importance Performance Analysis and Customer Satisfaction Index on E-Campus. Journal of System and Management Sciences, 12(3), 25–50. http://www.aasmr.org/jsms/Vol12/JSMS June 2022/Vol.12.No.03.02.pdf
Herron, D. (2020). Node. js Web Development Fifth Edition (5th ed.). https://books.google.com/books?hl=en&lr=&id=4_30DwAAQBAJ&oi=fnd&pg=PP2&dq=node.js+%2B+backend+development&ots=D0Owe4go-q&sig=2lRO57I8Ic6f74uJIBHAEpK_FtI
Hossain, M. T., Hassan, R., Amjad, M., & Rahman, M. A. (2021). Web Performance Analysis: An Empirical Analysis of E-Commerce Sites in Bangladesh. International Journal of Information Engineering and Electronic Business, 13(4), 47–54. https://www.researchgate.net/profile/Md-Abdur-Rahman-7/publication/354384505_Web_Performance_Analysis_An_Empirical_Analysis_of_E-Commerce_Sites_in_Bangladesh/links/616042a4e7993f536ca681ef/Web-Performance-Analysis-An-Empirical-Analysis-of-E-Commerce-Sites
Justus, W., & Jaeger, B. (2022). A Brief Overview on HTTP. Network, 59. https://doi.org/10.2313/NET-2022-11-1_11
Król, K. (2018). Comparative analysis of the performance of selected raster map viewers. Geomatics, Landmanagement and Landscape, 2, 23–32. https://bibliotekanauki.pl/articles/100508.pdf
Madurapperuma, I., Shafana, M., & Sabani, M. (2022). State-of-art frameworks for Front-end and Back-end Web Development. http://ir.lib.seu.ac.lk/handle/123456789/6339
Martins, G. L., Silveira, M. B. Da, Rodrigues, E., & Basso, F. P. (2020). Systematic Literature Review on Web Performance Testing. Sol.Sbc.Org.Br. https://sol.sbc.org.br/index.php/eres/article/view/13739
Mokhtari, H., Saberi, M. K., Amiri, M. R., Vakilimofrad, H., & Moradi, Z. (2022). Evaluating the Speed and Performance of the Websites of Hospitals and Specialty and Super-specialty Clinics of Hamadan University of Medical Sciences by GTMetrix. Informology, 1(1), 57–66. http://eprints.rclis.org/43586/
Muna, S. S., Nurdin, N., & Taufiq, T. (2023). Comparative Analysis of State Universities on Website Performance in Aceh Using the PIECES Method. Journal of Informatics and Telecommunication Engineering, 7(1), 71–83. https://ojs.uma.ac.id/index.php/jite/article/view/9167
Namoun, A., Alshanqiti, A., Chamudi, E., & Rahmon, M. A. (2020). Web Design Scraping: Enabling Factors, Opportunities and Research Directions. 12th International Conference on Information Technology and Electrical Engineering (ICITEE), 104–109. https://doi.org/10.1109/ICITEE49829.2020.9271770
Ollila, R., Mäkitalo, N., & Mikkonen, T. (2022). Modern Web Frameworks: A Comparison of Rendering Performance. Journal of Web Engineering, 21(3), 789–814. https://doi.org/10.13052/jwe15
Spatioti, A. G., Kazanidis, I., & Pange, J. (2022). A Comparative study of the ADDIE Instructional Design Model in Distance Education. Information, 13(9), 402. https://doi.org/10.3390/info13090402
?wi?tkowski, A., & ?cibior, K. (2022). Comparative analysis of React, Next and Gatsby programming frameworks for creating SPA applications. Ph.Pollub.PlA ?wi?tkowski, K ?cibiorJournal of Computer Sciences Institute, 2022•ph.Pollub.Pl, 24, 224–227. https://ph.pollub.pl/index.php/jcsi/article/view/2972
Tengriano, H. A., Yunus, A., & Sudirman. (2022). Analisis Performa Website AyoMulai Menggunakan GTMetrix dan Page Speed Insights. Jurnal Kharisma Tech, 17(2), 199–213. https://jurnal.kharisma.ac.id/kharismatech/article/view/347
Vianto, V. O., & Siahaan, M. (2022). Comparative Analysis Study of Front-End JavaScript Frameworks Performance Using Lighthouse Tool. Jurnal Mantik, 6(3), 3462–3468. http://www.iocscience.org/ejournal/index.php/mantik/article/view/3131
Aklani, S. A., & Jacky, J. (2022). Perancangan Dan Implementasi Aplikasi Hotel Di Smk Harmoni Batam Menggunakan Framework Addie. National Conference for Community Service Project (NaCosPro), 4(1), 790–794. https://doi.org/10.37253/NACOSPRO.V4I1.7038
Axtell, N., Bacon, L., & Windall, G. (2020). COMPACT Web Design Approach: A Methodology and Modelling Technique for. Neil-Axtell.Wikidot.Com. http://neil-axtell.wikidot.com/local--files/publications/COMPACTPaperSQMJan2007Final.pdf
Boczkowski, K., & Pa?czyk, B. (2020). Comparison of the performance of tools for creating a SPA application interface-React and Vue. js. Journal Computer Sciences Insititute, 14, 73–77. https://ph.pollub.pl/index.php/jcsi/article/view/1579
Cincovi?, J., & Punt, M. (2020). Comparison: Angular vs. React vs. Vue. Which framework is the best choice? Universidad de Belgrade. http://www.eventiotic.com/eventiotic/files/Papers/URL/50173409-699e-4b17-8edb-9764ecc53160.pdf
Dawis, A. M., & Setiawan, I. (2022). Evaluation of The Website ‘Aisyiyah Surakarta of University Performance Based on Search Engine Optimization Using Automated Software Testing Gtmetrix. International Journal of Computer and Information System (IJCIS), 3(1), 17–20. https://doi.org/10.29040/IJCIS.V3I1.56
De Munk, O., & Malavolta, I. (2021). Measurement-based Experiments on the Mobile Web: A Systematic Mapping Study. ACM International Conference Proceeding Series, 191–200. https://doi.org/10.1145/3463274.3463318
De Munk, O., Scoccia, G. L., & Malavolta, I. (2022). The State of the Art In Measurement-based Experiments on the Mobile Web. Information and Software Technology, 149, 106944. https://doi.org/10.1016/J.INFSOF.2022.106944
Dutonde, P. D., Mamidwar, S. S., Korvate, M. S., Bafna, S., & Shirbhate, P. D. D. (2022). Website Developmemt Technologies: A Review. International Journal for Research in Applied Science and Engineering Technology, 10(1), 359–366. https://doi.org/10.22214/ijraset.2022.39839
Eslamdoust, A. (2022). An overview of search engine optimization techniques. Future Generation of Communication and Internet of Things, 1(4), 52–57. https://fgciot.semnan.iau.ir/article_699935.html
Hamzah, M. L., Rahmadhani, R. F., & Purwati, A. A. (2022). An Integration of Webqual 4.0, Importance Performance Analysis and Customer Satisfaction Index on E-Campus. Journal of System and Management Sciences, 12(3), 25–50. http://www.aasmr.org/jsms/Vol12/JSMS June 2022/Vol.12.No.03.02.pdf
Herron, D. (2020). Node. js Web Development Fifth Edition (5th ed.). https://books.google.com/books?hl=en&lr=&id=4_30DwAAQBAJ&oi=fnd&pg=PP2&dq=node.js+%2B+backend+development&ots=D0Owe4go-q&sig=2lRO57I8Ic6f74uJIBHAEpK_FtI
Hossain, M. T., Hassan, R., Amjad, M., & Rahman, M. A. (2021). Web Performance Analysis: An Empirical Analysis of E-Commerce Sites in Bangladesh. International Journal of Information Engineering and Electronic Business, 13(4), 47–54. https://www.researchgate.net/profile/Md-Abdur-Rahman-7/publication/354384505_Web_Performance_Analysis_An_Empirical_Analysis_of_E-Commerce_Sites_in_Bangladesh/links/616042a4e7993f536ca681ef/Web-Performance-Analysis-An-Empirical-Analysis-of-E-Commerce-Sites
Justus, W., & Jaeger, B. (2022). A Brief Overview on HTTP. Network, 59. https://doi.org/10.2313/NET-2022-11-1_11
Król, K. (2018). Comparative analysis of the performance of selected raster map viewers. Geomatics, Landmanagement and Landscape, 2, 23–32. https://bibliotekanauki.pl/articles/100508.pdf
Madurapperuma, I., Shafana, M., & Sabani, M. (2022). State-of-art frameworks for Front-end and Back-end Web Development. http://ir.lib.seu.ac.lk/handle/123456789/6339
Martins, G. L., Silveira, M. B. Da, Rodrigues, E., & Basso, F. P. (2020). Systematic Literature Review on Web Performance Testing. Sol.Sbc.Org.Br. https://sol.sbc.org.br/index.php/eres/article/view/13739
Mokhtari, H., Saberi, M. K., Amiri, M. R., Vakilimofrad, H., & Moradi, Z. (2022). Evaluating the Speed and Performance of the Websites of Hospitals and Specialty and Super-specialty Clinics of Hamadan University of Medical Sciences by GTMetrix. Informology, 1(1), 57–66. http://eprints.rclis.org/43586/
Muna, S. S., Nurdin, N., & Taufiq, T. (2023). Comparative Analysis of State Universities on Website Performance in Aceh Using the PIECES Method. Journal of Informatics and Telecommunication Engineering, 7(1), 71–83. https://ojs.uma.ac.id/index.php/jite/article/view/9167
Namoun, A., Alshanqiti, A., Chamudi, E., & Rahmon, M. A. (2020). Web Design Scraping: Enabling Factors, Opportunities and Research Directions. 12th International Conference on Information Technology and Electrical Engineering (ICITEE), 104–109. https://doi.org/10.1109/ICITEE49829.2020.9271770
Ollila, R., Mäkitalo, N., & Mikkonen, T. (2022). Modern Web Frameworks: A Comparison of Rendering Performance. Journal of Web Engineering, 21(3), 789–814. https://doi.org/10.13052/jwe15
Spatioti, A. G., Kazanidis, I., & Pange, J. (2022). A Comparative study of the ADDIE Instructional Design Model in Distance Education. Information, 13(9), 402. https://doi.org/10.3390/info13090402
?wi?tkowski, A., & ?cibior, K. (2022). Comparative analysis of React, Next and Gatsby programming frameworks for creating SPA applications. Ph.Pollub.PlA ?wi?tkowski, K ?cibiorJournal of Computer Sciences Institute, 2022•ph.Pollub.Pl, 24, 224–227. https://ph.pollub.pl/index.php/jcsi/article/view/2972
Tengriano, H. A., Yunus, A., & Sudirman. (2022). Analisis Performa Website AyoMulai Menggunakan GTMetrix dan Page Speed Insights. Jurnal Kharisma Tech, 17(2), 199–213. https://jurnal.kharisma.ac.id/kharismatech/article/view/347
Vianto, V. O., & Siahaan, M. (2022). Comparative Analysis Study of Front-End JavaScript Frameworks Performance Using Lighthouse Tool. Jurnal Mantik, 6(3), 3462–3468. http://www.iocscience.org/ejournal/index.php/mantik/article/view/3131
Copyright and Licensing
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.