PERBANDINGAN FRAMEWORK SVELTE JS DENGAN REACT JS TERHADAP PERFORMA WEB APPLICATION BERBASIS JAVASCRIPT
DOI:
https://doi.org/10.69714/f2h1kn88Keywords:
Framework Svelte JS, Framework React JS, Website PerformanceAbstract
Comparison of Svelte JS Framework with React JS on Javascript-Based Web Application Performance. Informatics and Computer Engineering Education Study Program, Informatics and Computer Engineering Department, Faculty of Engineering, Makassar State University, (supervised by Mustari Lamada and Abdul Wahid). Comparison of Svelte JS and React JS frameworks using GTMetrix and WebPageTest tools by taking performance parameters including first contentful paint, speed index, large contentful paint, time to interactive, total blocking time, and cumulative layout shift. Each framework was tested by creating a 3-page website that had different loads. The test results were converted into scores where the score range was 1-3 for each parameter tested. React JS gets a total score of 26, 25, and 28 for each page. Svelte JS gets a total score of 34, 34, and 33 for each page. Native JS gets a total score of 34, 33, and 33 for each page. From these scores, it can be concluded that the Svelte JS framework is faster than React JS.
References
Abbas, Wahidin. (2013). Analisa Kepuasan Mahasiswa Terhadap Website Universitas Negeri Yogyakarta (UNY). Universitas Negeri Yogyakarta.
Ankush, S.D. (2014). XSS Attack Prevention Using DOM based filtering API. National Institute of Technology Rourkela.
Along, Daniel. (2019). Framework is a must for better programming.
Andriyany, Dwi Peny. (2021). Analisis Konsep Produktivitas Dan Faktor-Faktor Yang Mempengaruhi Produktivitas Kerja Karyawan (Studi Literatur). STIE PGRI Dewantara.
Chrome Developers. (2023). Lighthouse. https://developer.chrome.com/docs/lighthouse/
Dicki, Ilhamsyah, Dian Prawira. (2020). Implementasi Framework Accelerated Mobile Pages Pada Pengembangan Website Program Studi Sistem Informasi. Jurnal Komputer dan Aplikasi, 8 (2), 67-78.
GTMetrix. (2023). How fast does your website load? Find out with GTmetrix. GTMetrix. https://gtmetrix.com
ISO/IEC 25010. (2012). System and Software Quality Requirements and Evaluation (SQuaRE) – System and Software Quality Models’, Canadian Standards Association.
Laurensius, dkk. (2017).Platform E-Learning untuk Pembelajaran Pemrograman Web Menggunakan Konsep Progressive Web Apps. Jurnal Teknik ITS. Vol 6. No 2. https://ejurnal.its.ac.id/index.php/teknik/article/viewFile/24291/4821
Levlin, M. (2020). DOM benchmark comparison of the front-end JavaScript frameworks React, Angular, Vue, and Svelte. Abo Akamedi University.
Margono. (2005) Metodologi Penelitian Pendidikan. Jakarta: PT Rineka Cipta.
Mustari. (2015). Pengembangan Model Project Based Learning Mata Kuliah Web Programming Pada Program Studi Pendidikan Teknik Informatika dan Komputer. Universitas Negeri Makassar.
Nursaid, dkk. (2020). Pengembangan Sistem Informasi Pengelolaan Persediaan Barang Dengan ReactJS dan React Native Menggunakan Prototype (Studi Kasus: Toko Uda Fajri). J-Ptik.Ub.ac.id.
PageSpeed Insights. (2023). PageSpeed Insights. https://pagespeed.web.dev
Sari, A.O., Abdilah, A., Sunarti. (2019). Web Programming. Yogyakarta : Graha Ilmu.
Sianipar, S.H. (2015). Pemrograman JavaScript: Teori dan Implementasi.
Svensson, Alexander. (2015). Speed Performance Comparison of Javascript MVC Frameworks. Faculty of Computing Blekinge Institute of Technology Karlskrona Sweden.
Suanto, Leo. (2013). Kiat Jitu Menulis Skripsi, Tesis dan Disertasi. Jakarta : Erlangga.
Sugiyono. (2010). Metode Penelitian Pendidikan (Pendekatan kuantitatif, Kualitatif, dan R&D). Bandung : Alfabeta.
Sugiyono. (2014). Statistik Untuk Penelitian. Bandung : Alfabeta.
Suharsimi, Arikunto. (2013). Manajemen Penelitian. Jakarta. Jakarta : Rineka Cipta.
Rompis, A.C. dan Aji, R.F. (2018) ‘Perbandingan Performa Kinerja Node.js, PHP, dan Python dalam Aplikasi REST’, 4, p. 17.
Rosady, Ruslan. (2010). Metodologi Penelitian. Jakarta : Rajawali Pers.
Wali dan Ahmad. (2018). Perancangan Access Open Journal System (AOJS) dengan menggunakan Framework Codeigniter dan ReactJs”. Jurnal JTIK (Jurnal Teknologi Informasi dan Komunikasi).
Wappalizer. (2023). Identify Technologies on Websites. Wappalyzer. https://wappalyzer.com
Widianarko, Cahyo Wibowo. (2018). Studi Perbandingan Website View Framework (Vue JS) dengan Vanilla JS. Skripsi thesis, STMIK AKAKOM Yogyakarta.
