Apa Itu Lazy Loading? Manfaat, Cara Kerja, Jenis, dan Pengaruhnya pada SEO

Apa Itu Lazy Loading?
Lazy loading adalah teknik memuat gambar, video, iframe, dan elemen berat lainnya hanya ketika pengguna menggulir (scroll) ke area elemen tersebut berada.
Contoh: gambar di bagian bawah halaman tidak dimuat sampai pengunjung menggulir ke sana.
Manfaat Lazy Loading
- Website Lebih Cepat Dibuka
- Menghemat Bandwidth Pengunjung
- Skor Core Web Vitals meningkat
- Meningkatkan UX (User Experience)
- SEO meningkat
Cara Kerja Lazy Loading
Browser hanya memuat elemen yang:
- terlihat (in viewport)
- atau akan segera terlihat (near viewport)
Jenis Lazy Loading
- Lazy Loading Gambar
- Lazy Loading Video
- Lazy Loading Iframe
- Lazy Loading Konten Dinamis (SPA)
Lazy Loading & SEO
Lazy loading sangat SEO-friendly bila:
- menggunakan atribut loading=”lazy”
- elemen tetap memiliki atribut src, alt, dan ukuran dimensi
Penerapan Lazy Loading Terbaik
- Gunakan native lazy loading
- Kompres gambar
- Hindari lazy loading untuk elemen di hero section
- Uji menggunakan PageSpeed Insight
Kesimpulan
Lazy loading membantu kecepatan website secara signifikan dan merupakan praktik SEO modern yang wajib diterapkan.
Ingin website Anda lebih cepat dan SEO-friendly?
Belajar teknik SEO teknis lengkap di kelas HitaClass sekarang juga!
Hubungi Kami:
WhatsApp:+62 821-1017-9180
Email: classhitaclass@gmail.com
Website : https://hitaclass.com/
Facebook: facebook.com/hitaclass
Instagram: @hitaclassofficial
TikTok: @hitaclassjogja
