TY  - THES
UR  - https://eprints.amikom.ac.id/id/eprint/32009/
M1  - bachelor
PB  - Universitas AMIKOM Yogyakarta
A1  - Zulfikri, Wahyu Anang
Y1  - 2026/01/21/
ID  - universitasamikomyogyakarta32009
AV  - restricted
KW  - Volunteerin.id
KW  -  Single Page Application
KW  -  React.js
KW  -  Waktu Muat
Halaman
KW  -  Code Splitting
KW  -  Lazy Loading
KW  -  Page Load Time.
N2  - Platform Volunteerin.id merupakan aplikasi berbasis Single Page
Application (SPA) yang dikembangkan untuk mendukung pengelolaan dan
pencarian kegiatan kerelawanan secara digital. Laporan ini berfokus pada
implementasi dan pengujian teknik optimasi kinerja antarmuka pengguna
(frontend) pada platform Volunteerin.id, yang menjadi kontribusi utama penulis
dalam pengembangan sistem. Implementasi dilakukan dengan menerapkan teknik
code splitting dan lazy loading pada framework React.js sebagai bagian dari proses
evaluasi performa pemuatan halaman. Route-based code splitting digunakan untuk
mengelola pemuatan JavaScript bundle berdasarkan rute aplikasi, sementara lazy
loading berbasis komponen diterapkan untuk menunda pemuatan elemen non-kritis
seperti peta lokasi dan grafik statistik. Untuk menjaga stabilitas tampilan selama
proses pemuatan asinkron, digunakan skeleton UI sebagai placeholder antarmuka.
Proses pengembangan meliputi tahap analisis kebutuhan pengujian, implementasi
teknik optimasi, serta evaluasi kinerja menggunakan metrik Core Web Vitals. Hasil
pengujian menunjukkan bahwa penerapan teknik tersebut mampu meningkatkan
kinerja pemuatan halaman yang ditandai dengan penurunan nilai Largest Contentful
Paint (LCP) serta terjaganya nilai Cumulative Layout Shift (CLS) pada kategori
baik. Nilai Total Blocking Time (TBT) tetap berada dalam batas yang
direkomendasikan. Dengan demikian, implementasi code splitting dan lazy loading
terbukti efektif sebagai pendekatan evaluatif untuk meningkatkan kualitas kinerja
dan pengalaman pengguna pada aplikasi web berbasis SPA.
TI  - {JALUR NON REGULER - LOMBA} ANALISIS DAN OPTIMASI WAKTU MUAT HALAMAN (PAGE LOAD TIME) PADA
PLATFORM VOLUNTEERIN.ID DENGAN TEKNIK CODE SPLITTING DAN LAZY
LOADING PADA FRAMEWORK REACT.JS
ER  -