PERBANDINGAN PERFORMA FRAMEWORK VUE.JS, REACT.JS, DAN SVELTE.JS TERHADAP APLIKASI WEB BERBASIS JAVASCRIPT

I Made Putra Sedana; Eddy Muntina Dharma; Jauzaa Maylia Suhendro

doi:10.31949/infotech.v12i2.19403

Authors

I Made Putra Sedana Universitas Primakara, Indonesia
Eddy Muntina Dharma Universitas Primakara, Indonesia
Jauzaa Maylia Suhendro Universitas Primakara, Indonesia

DOI:

https://doi.org/10.31949/infotech.v12i2.19403

Abstract

Pengembangan aplikasi web modern saat ini sangat bergantung pada penggunaan front-end framework JavaScript. Meskipun framework berbasis runtime virtual DOM seperti React.js dan Vue.js sangat populer, kehadirannya berpotensi menimbulkan overhead rendering pada aplikasi skala besar. Di sisi lain, framework berbasis compile-time seperti Svelte.js menawarkan alternatif tanpa virtual DOM. Kurangnya studi yang membandingkan ketiga framework ini secara bersamaan dengan metrik seragam memicu kesulitan bagi pengembang dalam memilih teknologi yang optimal. Penelitian ini bertujuan mengukur dan membandingkan performa React.js, Vue.js, dan Svelte.js dari aspek kecepatan pemuatan, interaktivitas, dan stabilitas tata letak. Metode eksperimen kuantitatif diterapkan dengan membangun tiga aplikasi Single Page Application (SPA) berstruktur identik berbasis konsep TodoMVC dengan data awal 100 item. Pengujian dilakukan berulang sebanyak 15 kali memanfaatkan platform GTmetrix. Hasil penelitian menunjukkan Svelte.js memberikan performa paling optimal dengan nilai Total Blocking Time (TBT) terendah sebesar 3,47 ms, jauh mengungguli Vue.js (33,87 ms) dan React.js (37,67 ms). Vue.js dan Svelte.js meraih skor performa sempurna 18/18, sedangkan React.js meraih skor 17/18 karena rata-rata metrik Largest Contentful Paint (LCP) mencapai 1,29 s.

Keywords:

Performa Website, Vue.js, React.js, Svelte.js, GTmetrix

Downloads

Download data is not yet available.

Author Biographies

I Made Putra Sedana, Universitas Primakara

Eddy Muntina Dharma, Universitas Primakara

Jauzaa Maylia Suhendro, Universitas Primakara

References

Arya, K., Wirya, B., Yudi, I. N., Wijaya, A., Juliana, I. G., & Putra, E. (2024). Implementasi Next . Js , Typescript , Dan Tailwind Css Untuk Pengembangan Aplikasi Frontend Sistem Inventory Perusahaan Apar ( Studi Kasus : CV Indoka Surya Jaya ) Implementation Next . Js , Typescript , And Tailwind Css For The Development Of Apar Company Inventory System Frontend Application ( Case Study : Cv Indoka Surya Jaya ). 14(2), 95–108.

Dubaj, S., & Pańczyk, B. (2022). Comparative of React and Svelte programming frameworks for creating SPA web applications. Journal of Computer Sciences Institute, 25(June), 345–349. https://doi.org/10.35784/jcsi.3020

Hidayati, N. H. (2022). ANALISIS PERFORMA WEBSITE KANTOR PENCARIAN DAN PERTOLONGAN PALEMBANG MENGGUNAKAN GTMETRIX.

Iriyadi, D. (2024). Telaah Kritis Metode-Metode Dalam Penelitian Ilmiah. Qouba Jurnal Pendidikan, 1, 22–28.

Iswari, N. M. S., & Dharma, E. M. (2025). Pelatihan Pengembangan Aplikasi Web Menggunakan Laravel Untuk. Jurnal Pengabdian Masyarakat, 5(2), 719–730.

Krisna, B., Saifudin, I., & Muharom, L. A. (2024). Analisis Performa Aplikasi Portal Portofolio Virtual Reality Berbasis Website Dengan Apache Benchmark Di PT Telekomunikasi Indonesia. 34–45.

Marsa, A. R., Salam, R. I., & Manda, P. (2025). Evaluasi Kinerja Aplikasi E-Alumni Berbasis Web menggunakan Metode PIECES dan GTmetrix. 5(2), 359–364.

Martha, G., Wijaya, I. N. Y. A., & Utami, N. W. (2025). Rancang Bangun Company Profile Berbasis Content Management System Menggunakan Framework Next . Js Pada Satelit NET Komputer Jurnal SAINTIKOM ( Jurnal Sains Manajemen Informatika dan Komputer ). 24, 152–161.

Ngurah, I. G., Prawirayuda, A., Estiyanti, N. M., & Dharma, E. M. (2022). Model Aplikasi Sistem Simpan Pinjam Berbasis Mobile Web Pada Usaha Koperasi. Jurnal Ilmiah Teknik Informatika Dan Sistem Informasi, 11(1), 153–164.

Octaviani, A., & Andraini, R. (2022). Analisis Website Fakultas Teknik Universitas Negeri Jakarta Menggunakan Pingdom Tools dan GTmetrix. SINTESIA: Jurnal Sistem Dan Teknologi Informasi Indonesia, 1(2), 76–80. https://tools.pingdom.com/

Pandya, D. N., Suryadharma, D., Wulandhari, L. A., & Alam, I. N. (2024). Assessing University Website Performance : A Comparative Analysis Using GTmetrix. 1(1), 33–38. https://doi.org/10.21512/ijcshaijournal.v1i1.12152

Pikkanen, M. (2021). React and Vue performance comparison. Metropolia University of Applied Sciences, June, 31. https://www.theseus.fi/bitstream/handle/10024/501354/Pikkanen_Markus.pdf

Selsa, O., Anggraeni, I., & Informatika, P. T. (2024). Studi Komparatif Performa Framework Javascript Modern dalam Pengembangan Aplikasi Web. Jurnal Informatika Dan Sains Teknologi, 2(4), 162–177.

Sofi’ie, F. A. F., & Qoiriah, A. (2023). Analisis Perbandingan Framework Front-End Javascript React dan Vue Pada Pengembangan Website. Journal of Informatics and Computer Science (JINACS), 5(02), 157–164. https://doi.org/10.26740/jinacs.v5n02.p157-164

Tengriano, H. A., Yunus, A., & Sudirman. (2022). ANALISIS PERFORMA WEBSITE AYOMULAI MENGGUNAKAN GTMETRIX DAN PAGESPEED INSIGHT. Jurnal KHARISMA Tech, 17(02), 199–213.

Widi, A., Sediyono, E., & Hendry. (2024). Analisa Performa Website Organisasi Akuatik Menggunakan Automated Software Testing GTmetrix. 5(September), 25–33. https://doi.org/10.35957/jtsi.v5i2.5925

Wijaya, I., & Farisi, A. (2025). Analisis Perbandingan Kinerja dan Penggunaan Energi pada Framework React dan Vue. Techno.Com, 24(1), 104–116. https://doi.org/10.62411/tc.v24i1.12092

Zulhijaya, Mustari S Lamada, & Abdul Wahid. (2025). Perbandingan Framework Svelte Js Dengan React Js Terhadap Performa Web Application Berbasis Javascript. Jurnal Riset Teknik Komputer, 2(2), 66–81. https://doi.org/10.69714/f2h1kn88