%A Danda Aditia Nugraha
%T OPTIMASI RENDERING WEB 3D MENGGUNAKAN
ANIMATION DATA SEPARATION DAN ON-DEMAND DENGAN
GLTF
%I Universitas AMIKOM Yogyakarta
%D 2026
%K WebGL, glTF, On-Demand Loading, Optimasi Web 3D, Three.js,
kinerja Web,.
%X Penerapan teknologi WebGL pada perangkat seluler seringkali menghadapi 
kendala kinerja akibat keterbatasan sumber daya komputasi dan bandwidth.
Masalah utama terletak pada mekanisme format standar glTF biner (GLB) yang
bersifat monolitik, di mana data geometri dan animasi digabungkan dalam satu
berkas, menyebabkan waktu muat awal (initial load time) yang lama dan
pemblokiran proses utama (main thread) saat inisialisasi. Penelitian ini bertujuan
untuk mengoptimalkan kinerja aplikasi web 3D menggunakan metode Animation
Data Separation dan On-Demand Loading. Penelitian dilakukan menggunakan
metode kuantitatif Pre-Eksperimental dengan desain Static Group Comparison.
Peneliti membandingkan kinerja metode konvensional (Baseline) dengan metode
optimasi yang diusulkan pada berbagai simulasi kondisi jaringan dan spesifikasi
perangkat keras menggunakan pustaka Three.js. Hasil pengujian menunjukkan
bahwa metode On-Demand mampu meningkatkan efisiensi waktu muat awal secara
signifikan, terutama pada kondisi jaringan Slow 3G dengan tingkat efisiensi
mencapai 9,61% (penghematan waktu ~2,3 detik). Pada simulasi perangkat kelas
bawah (Low-End), metode ini juga berhasil mengurangi beban pemrosesan awal
CPU dengan efisiensi sebesar 7,26%. Meskipun terdapat kompromi berupa
peningkatan waktu respon animasi menjadi 26,03 ms akibat proses pengambilan
data asinkron, latensi tersebut masih berada di bawah ambang batas persepsi visual
manusia (100 ms). Dapat disimpulkan bahwa strategi pemisahan data animasi
efektif untuk menyeimbangkan kecepatan akses awal dan stabilitas sistem tanpa
mengorbankan pengalaman pengguna secara signifikan.
%L universitasamikomyogyakarta32194