eprintid: 68183
rev_number: 10
eprint_status: archive
userid: 12460
dir: disk0/00/06/81/83
datestamp: 2024-10-25 02:58:03
lastmod: 2024-10-25 02:58:03
status_changed: 2024-10-25 02:58:03
type: thesis
metadata_visibility: show
contact_email: muh.khabib@uin-suka.ac.id
creators_name: Azhar Zaidan Fauzi, NIM.: 20106050022
title: ANALISIS EFISIENSI PROSES BUILD DAN PERFORMA SINGLE-PAGE APPLICATION REACT, VUE, DAN SVELTE YANG DIKEMBANGKAN MENGGUNAKAN VITE SEBAGAI BUILD TOOL
ispublished: pub
subjects: 004.
divisions: Informatika(S1)
full_text_status: restricted
keywords: Single-Page Application, Efisiensi Proses Build, Performa
note: Pembimbing: Dr. Agus Mulyanto, S.Si., M.Kom., ASEAN Eng.
abstract: Single-page application (SPA) is becoming a popular approach in web development. JavaScript frameworks and libraries such as React, Vue, and Svelte are the main choices, where build process efficiency and performance are important aspects in their selection. The use of build tools, such as Vite, plays an important role in build process efficiency and performance. Thus, there is a need for research that focuses on equal comparisons as a reference for selection.
This research involved four main stages: architectural design, development, build process and efficiency testing, and performance testing. SPA is designed and developed at three levels: simple, intermediate, and complex. Testing the efficiency of the build process involves build time and bundle size, while performance uses Lighthouse navigation mode and timespan and other metrics.
The results show Svelte excels in build process efficiency at all levels, followed by Vue and React. In navigation mode performance, Vue initially excelled, but fell behind Svelte at the middle level and then became the bottom, React was always below Svelte. The performance gap gets closer as the levels increase. Interaction responsiveness in timespan mode did not differ significantly between navigation modes, with Vue maintaining an advantage over React at the complex level.
date: 2024-07-03
date_type: published
pages: 107
institution: UIN SUNAN KALIJAGA YOGYAKARTA
department: FAKULTAS SAINS DAN TEKNOLOGI
thesis_type: skripsi
thesis_name: other
citation:   Azhar Zaidan Fauzi, NIM.: 20106050022  (2024) ANALISIS EFISIENSI PROSES BUILD DAN PERFORMA SINGLE-PAGE APPLICATION REACT, VUE, DAN SVELTE YANG DIKEMBANGKAN MENGGUNAKAN VITE SEBAGAI BUILD TOOL.  Skripsi thesis, UIN SUNAN KALIJAGA YOGYAKARTA.   
document_url: https://digilib.uin-suka.ac.id/id/eprint/68183/1/20106050022_BAB-I_IV-atau-V_DAFTAR-PUSTAKA.pdf
document_url: https://digilib.uin-suka.ac.id/id/eprint/68183/2/20106050022_BAB-II_sampai_SEBELUM-BAB-TERAKHIR.pdf