Article Per Year (5 Year)
p-Index From 2020 - 2025
0.23
P-Index
This Author published in this journals
All Journal Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Setyowidodo, Fauzan Athallah
Unknown Affiliation
Computer Science & IT Control & Systems Engineering Education Electrical & Electronics Engineering Engineering

Published : 1 Documents Claim Missing Document
Claim Missing Document
Check
Articles

Found 1 Documents
Search

 1 
Studi Perbandingan Lazy Loading Native dan IntersectionObserver JavaScript Dalam Pengelolaan Konten Gambar Pada Pengembangan Website Setyowidodo, Fauzan Athallah; Pinandito, Aryo; Akbar, Muhammad Aminul
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer Vol 9 No 2 (2025): Februari 2025
Publisher : Fakultas Ilmu Komputer (FILKOM), Universitas Brawijaya

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstract

Dengan meningkatnya penggunaan aplikasi web, optimasi performa halaman menjadi krusial, terutama dalam memuat elemen gambar dalam jumlah besar. Salah satu teknik yang digunakan untuk mengatasi permasalahan ini adalah lazy loading, yang memuat gambar hanya ketika elemen mendekati viewport pengguna. Penelitian ini membandingkan performa dua teknik lazy loading, yaitu Native Lazy Loading dan IntersectionObserver, pada halaman web yang identik dengan 20 gambar berukuran total 12 MB, diuji dalam kondisi jaringan yang sama selama 30 kali pengujian. Performa kedua teknik diukur berdasarkan tiga parameter utama: waktu pemuatan halaman, konsumsi memori, dan penggunaan bandwidth. Pengujian dilakukan menggunakan Chrome DevTools, serta dilengkapi dengan analisis statistik. Uji normalitas diterapkan untuk menentukan distribusi data, dilanjutkan dengan uji t jika data berdistribusi normal, atau uji Mann-Whitney jika data tidak normal. Hasil penelitian menunjukkan bahwa IntersectionObserver secara signifikan lebih cepat dalam waktu pemuatan gambar dan lebih efisien dalam konsumsi bandwidth dibandingkan Native Lazy Loading. Sebaliknya, Native Lazy Loading menunjukkan efisiensi lebih tinggi dalam penggunaan memori. Kesimpulannya, pemilihan metode lazy loading harus disesuaikan dengan kebutuhan optimasi spesifik dan prioritas kinerja aplikasi web.
Co-Authors Akbar, Muhammad Aminul Aryo Pinandito