{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

Zulfikri, Wahyu Anang (2026) {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. S1 - Sarjana thesis, Universitas AMIKOM Yogyakarta.

[img] Text (COVER - ABSTRAK)
COVER.pdf - Published Version
Download (3MB)
[img] Text (BAB I)
BAB I.pdf - Published Version
Download (287kB)
[img] Text (BAB II)
BAB II.pdf - Published Version
Restricted to Registered users only
Download (577kB)
[img] Text (BAB III)
BAB III.pdf - Published Version
Restricted to Registered users only
Download (1MB)
[img] Text (BAB IV)
BAB IV.pdf - Published Version
Download (151kB)
[img] Text (DAFTAR PUSTAKA - LAMPIRAN)
Daftar Pustaka dan Lampiran.pdf - Published Version
Restricted to Registered users only
Download (383kB)
[img] Archive (SOURCE CODE)
Sourcecode - 22.11.4593.zip
Restricted to Repository staff only
Download (93MB)

Abstract

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.

Item Type: Thesis (S1 - Sarjana)
Contributor:
Pembimbing
Hartato, Bambang Pilu
Uncontrolled Keywords: Volunteerin.id, Single Page Application, React.js, Waktu Muat Halaman, Code Splitting, Lazy Loading, Page Load Time.
Subjects: 000 - Komputer, Informasi dan Referensi Umum > 000 Ilmu komputer, ilmu pengetahuan dan sistem-sistem > 000 Ilmu komputer, informasi dan pekerjaan umum
000 - Komputer, Informasi dan Referensi Umum > 000 Ilmu komputer, ilmu pengetahuan dan sistem-sistem > 005 Pemrograman komputer, program dan data
Divisions: Fakultas Ilmu Komputer > Informatika
Depositing User: RC Universitas AMIKOM Yogyakarta
Date Deposited: 08 Jul 2026 07:08
Last Modified: 08 Jul 2026 07:08
URI: http://eprints.amikom.ac.id/id/eprint/32009

Actions (login required)

View Item View Item