Lazy Load Percepat pemuatan halaman website
Apa itu Lazy Load?
Lazy Load adalah sebuah teknik untuk membuat pemuatan gambar di website menjadi tidak sinkron, Dengan artian setelah konten bagian atas sepenuhnya dimuat, Maka gambar tidak akan dimuat. Hal tersebut bisa dikatakan jika pengguna tidak melakukan scroll sepenuhnya, Maka gambar yang ditempatkan di bagian bawah halaman tidak akan dimuat. Jadi, Browser tidak akan memuat gambar jika pengguna tidak melakukan scroll ke gambar.
Lazy Load bekerja dengan memuat gambar hanya jika pengguna telah menggulir ke lokasi di mana gambar akan terlihat di dalam viewport, Jika tidak, Maka gambar-gambar itu tidak akan pernah dimuat.
Sebagai contoh, jika kita membuka salah satu website download gambar gratis dengan kualitas terbaik, Jika tidak menggunakan lazy load website tersebut tentunya memiliki page load time yang sangat lama. Untuk mengatasinya pemilik website harus menerapkan lazy load pada websitenya.
Contoh Lazy Load
CONTOH LAZY LOAD PADA WEBSITE DOWNLOAD GAMBAR
Jika anda melihat gambar diatas, Hanya sebagian gambar yang termuat dengan baik, Sebagian gambar tidak termuat. Nah itulah yang dikatakan Lazy load, Dengan begitu website lebih cepat diakses dan menghemat bandwidth dan resource.
Mengapa Kita Harus Menggunakan Lazy Load
Lazy load memberikan kita banyak manfaat, Maka dari itu kita harus mulai mempertimbangkan menerapkan lazy load pada website.
Nah berikut ini beberapa alasan mengapa kita harus menggunakan lazy load pada website.
Karena gambar hanya dimuat ketika terlihat di viewport saja maka website akan memilih loading lebih cepat. Selain itu, Dengan menerapkan lazy load maka kita bisa lebih menghemat bandwidth dan resource server. Karena lazy load membuat pemuatan gambar tidak sinkron, Maka dapat membuat perbedaan antara pengguna yang tetap atau meninggalkan website. Jika website kita menggunakan JavaScript untuk menampilkan konten atau memberikan semacam fungsionalitas kepada pengguna, Memuat DOM dengan cepat Sangatlah penting. Kebanyakan script menunggu hingga pemuatan DOM selesai sebelum mulai berjalan. Dengan Lazy load maka hal tersebut membuat pemuatan menjadi lebih cepat. Meningkatkan User Experience, Dengan menerapkan lazy load pada website maka secara tidak langsung dapat meningkatkan user experience. Bagi user yang mengakses Website pada perangkat seluler dan koneksi lambat, Adanya lazy load sangat membantu.
Oke... Sekian postingan kali ini mudah mdahan bermanfaat.
