Lazy Loading - Pengertian, Fungsi, Jenis dan Contoh Penggunaan

Lazy loading adalah teknik pemrograman yang menunda pemuatan resource hingga dibutuhkan. Contoh umum adalah webpage (halaman web) yang menunda pemuatan gambar hingga pengguna menggulir ke lokasi mereka di dalam halaman. Lazy loading digunakan di web dan dalam program software, seperti aplikasi seluler dan desktop.

Lazy Loading di Web

Lazy loading gambar dalam halaman web dapat mempercepat waktu pemuatan karena browser tidak perlu memuat gambar yang tidak terlihat. Saat pengguna menggulir halaman, gambar dimuat secara dinamis. Ini dilakukan dengan menggunakan JavaScript yang mendeteksi posisi setiap gambar dan menentukan apakah gambar itu berada di area yang dapat dilihat jendela browser. Jika pengguna menggulir ke bawah ke gambar, JavaScript akan meminta resource dari server web dan menampilkan gambar di halaman. Jika pengguna tidak menggulir ke bawah, gambar tidak akan dimuat.

Dimungkinkan untuk menunda pemuatan sumber daya lain, seperti file JavaScript, CSS, dan bahkan HTML itu sendiri. Misalnya, developer web mungkin menentukan gaya CSS mana yang diperlukan untuk konten above-the-fold pada laman web, atau konten yang dapat dilihat dalam ketinggian jendela peramban biasa. Developer dapat menerapkan ini sebagai "inline style", atau gaya yang ditentukan dalam HTML laman web. JavaScript digunakan untuk memuat CSS tambahan setelah halaman dimuat atau setelah pengguna mulai menggulir.

Lazy Loading video juga populer di web. Ini sangat efektif karena file video biasanya merupakan sumber daya terbesar yang dimuat dalam halaman web. Alih-alih mengirim seluruh video ke perangkat klien, server web hanya mengirim sebagian kecil video saat pengguna menontonnya. Website berbagi video populer seperti YouTube dan Vimeo menggunakan Lazy Loading untuk mengurangi bandwidth dan mencegah pengguna mengunduh lebih banyak konten video daripada yang diperlukan. Ini sangat membantu bagi pengguna dengan koneksi Internet terukur, seperti paket data seluler.

Saat Lazy Loading memuat video, biasanya memuat beberapa detik atau bahkan beberapa menit lebih awal dari titik saat ini dalam video. Data video disimpan dalam buffer, yang membantu pemutaran video dengan lancar bahkan saat koneksi internet tidak konsisten.

Lazy Loading dalam Program Software

Sementara Lazy Loading menjadi semakin populer di web, itu telah digunakan dalam developer software untuk waktu yang lama. Misalnya, sistem operasi hanya dapat menampilkan gambar mini untuk ikon yang terlihat dalam folder. Demikian pula, program tampilan gambar hanya dapat memuat gambar yang terlihat di perpustakaan foto. Ini menggunakan lebih sedikit memori dan meningkatkan kinerja aplikasi karena program tidak memuat data yang tidak perlu.

Lebih baru Lebih lama