Google kembali menghadirkan peningkatan performa yang cukup signifikan pada browser Chrome. Kali ini, fitur native lazy loading tidak hanya berlaku untuk gambar dan iframe, tetapi juga diperluas ke elemen video dan audio.
Baca Juga : Bahaya! Ekstensi Claude di Chrome Rentan Serangan Tanpa Klik
Dengan menambahkan atribut loading="lazy" langsung ke tag HTML <video> dan <audio>, developer kini bisa menunda proses download media berukuran besar hingga konten tersebut benar-benar mendekati area layar pengguna (viewport). Hasilnya? Halaman bisa dimuat lebih cepat tanpa harus langsung membebani jaringan sejak awal.
Menariknya, pendekatan ini selaras dengan mekanisme lazy loading yang sebelumnya sudah diterapkan pada elemen <img> dan <iframe>. Dampaknya cukup terasa, mulai dari peningkatan kecepatan load awal hingga penghematan penggunaan data.
Masalah pada Sistem Loading Lama
Sebelum fitur ini hadir, penggunaan banyak video atau audio dalam satu halaman sering jadi sumber masalah performa. Browser biasanya langsung memuat semua media sekaligus, yang akhirnya memperlambat proses rendering halaman.
Untuk mengatasi hal ini, developer biasanya mengandalkan solusi berbasis JavaScript, salah satunya menggunakan Intersection Observer API. Cara kerjanya cukup kompleks, yaitu mendeteksi kapan sebuah elemen media akan masuk ke layar, lalu baru memuat sumbernya saat itu juga.
Namun, pendekatan ini bukan tanpa kekurangan. Beberapa masalah yang sering muncul antara lain:
- Menambah kompleksitas kode dan rawan kesalahan saat implementasi
- Tidak terintegrasi optimal dengan sistem preload bawaan browser
- Beban scripting yang cukup berat dan berpotensi mengganggu stabilitas halaman
Solusi Baru yang Lebih Praktis
Lewat update terbaru ini, Chrome menyederhanakan semuanya. Developer cukup menambahkan atribut loading="lazy", dan sisanya akan ditangani langsung oleh mesin browser.
Dengan sistem native ini, Chrome dapat menentukan waktu terbaik untuk memuat media berdasarkan kondisi jaringan pengguna. Selain itu, fitur ini juga tetap kompatibel dengan atribut lain seperti autoplay dan preload.
Keuntungan lainnya, media yang berada di luar layar tidak lagi menghambat event window.onload. Artinya, konten utama halaman bisa lebih cepat interaktif, memberikan pengalaman yang lebih mulus bagi pengguna sekaligus struktur kode yang lebih rapi.
Jadwal Rilis dan Ketersediaan
Fitur ini dikembangkan dalam sistem internal Google dengan ID loading-lazy-media pada komponen Blink>Media, dan saat ini sedang diproses menuju tahap implementasi penuh.
Respon dari komunitas developer pun cukup positif, terutama karena pendekatan ini dinilai lebih efisien dan mudah diadopsi.
Berikut timeline rilisnya:
- Chrome 147: Mulai tahap uji coba untuk developer di Desktop dan Android
- Chrome 148: Dirilis resmi dan aktif secara default di berbagai platform, termasuk Desktop, Android, iOS, dan WebView
Baca Juga : Waspada! Ekstensi Chrome Ini Bisa Mencuri Percakapan ChatGPT
Dengan hadirnya fitur ini, Google secara tidak langsung menghapus kebutuhan akan script JavaScript tambahan yang kompleks. Hasil akhirnya jelas: website jadi lebih ringan, lebih cepat, dan lebih stabil tanpa perlu effort berlebih dari sisi developer.
