Browsing Makin Kilat! Chrome Rilis Fitur Lazy Loading Video
- Unsplash
- Fitur lazy loading native kini resmi mendukung elemen video dan audio di seluruh browser berbasis Chromium.
- Teknologi ini meningkatkan kecepatan loading halaman secara signifikan dengan menunda pemuatan konten media yang belum terlihat.
- Pengembang web tidak lagi memerlukan skrip JavaScript tambahan untuk mengoptimalkan performa media pada situs mereka.
Membuka halaman web yang penuh dengan konten video sering kali terasa berat dan memakan waktu lama. Namun, Google segera memberikan solusi nyata melalui pembaruan fitur lazy loading Chrome yang kini mencakup elemen video dan audio secara native. Teknologi ini memungkinkan browser hanya memuat konten media saat pengguna menggulir layar mendekati area tersebut. Hasilnya, pengalaman berselancar di internet menjadi jauh lebih mulus dan efisien bagi pengguna Microsoft Edge, Vivaldi, maupun Chrome.
Cara Kerja Fitur Lazy Loading Chrome pada Media
Selama ini, browser berbasis Chromium sudah mendukung pemuatan malas (lazy loading) untuk gambar dan iframe. Sayangnya, elemen video dan audio masih sering terabaikan. Hal ini memaksa browser bekerja ekstra keras untuk mengunduh semua data media sekaligus saat halaman pertama kali terbuka. Kondisi tersebut jelas menghabiskan kuota data dan memperlambat waktu respon perangkat Anda.
Melalui proposal dari pengembang independen Helmut Januschka, standar baru ini mulai diterapkan. Alih-alih menarik seluruh data di awal, browser akan menunggu instruksi scroll dari pengguna. Jika Anda tidak pernah menggulir layar hingga ke bagian bawah tempat video berada, maka browser tidak akan pernah mengunduh video tersebut. Strategi cerdas ini secara otomatis memangkas beban kerja CPU dan penggunaan memori RAM pada perangkat.
Efisiensi Tanpa Beban JavaScript Tambahan
Sebelum adanya dukungan native ini, para pengembang situs web harus mengandalkan skrip JavaScript yang rumit. Mereka biasanya menggunakan Intersection Observer untuk mendeteksi posisi media secara manual. Meskipun berfungsi, cara ini sering kali tidak efisien dan rentan terhadap kesalahan teknis (bug).
Kini, pengembang hanya perlu menambahkan atribut HTML sederhana yaitu `loading="lazy"` langsung pada elemen video atau audio. Integrasi native ini jauh lebih unggul karena berjalan selaras dengan mesin optimasi internal browser. Selain itu, sistem dapat menyesuaikan waktu pemuatan berdasarkan kondisi jaringan internet pengguna secara real-time.
