Cara Menunda Gambar yang Tidak Diperlukan 

Terakhir diupdate: 22 Juli 2020

Halo Sob! Kali ini Jagoan Hosting akan membagikan tips nih untuk buat kamu agar pemuatan gambar saat tampil di layar kamu tidak membutuhkan waktu yang lama, Kuy!

Apa sih itu Offscreen Image itu?

Gambar offscreen adalah gambar yang muncul di bawah flip. Karena pengguna tidak dapat melihat gambar layar saat mereka memuat halaman, tidak ada alasan untuk mengunduh gambar layar itu sebagai bagian dari pemuatan halaman awal. Dengan kata lain, menunda pemuatan gambar di layar dapat mempercepat waktu pemuatan halaman dan waktu menjadi interaktif.


Jagoan Hosting merekomendasikan tips nih, perhatikan baik-baik ya Sob!

  • Pertimbangkan untuk menggunakan IntersectionObserver untuk menentukan dengan cerdas kapan harus memuat gambar-gambar di luar layar dengan malas. Misalnya, kalian memiliki beberapa gambar di bagian bawah halaman yang sangat panjang.
  • Dengan IntersectionObserver, kalian dapat memuat gambar hanya ketika pengguna telah melakukan scroll setengah halaman.
  • Jika kalian menggunakan IntersectionObserver, pastikan untuk memasukkan polyfill, karena dukungan browser asli terbatas.

Lighthouse menandai gambar di layar yang diminta sebelum acara Time To Interactive (TTI).


Simak terus Tips Hosting di halaman tutorial Jagoan Hosting Indonesia ya, jika ada bagian dari tutorial yang tidak ditemukan, kamu bisa menghubungi teman-teman di Jagoan Hosting supaya bisa dibantu lebih lanjut melalui Live Chat atau fitur Open Tiket ya!

Related Posts
Tips Mengatasi Error Undefined Index / Variable

Pengantar Halo sobat Jagoan! di tutorial kali ini kita bakalan membahas permasalahan Error Undefined Index/Variable. Pasti sekarang kamu lagi main-main Read more

Tutorial Backup Data Website Melalui Softacolous pada cPanel

Hai Sob! Apakah Sobat sedang mencari cara gimana caranya melakukan backup data website melalui softacolous pada cPanel? Tenang aja Sob, Read more

Tutorial Mudah Setting Mail pada Mac Operating System

Hai Sob! Apakah Sobat butuh panduan untuk melakukan setting Mail pada Mac OS Sobat? Tenang aja Sob! Jagoan Hosting selalu Read more

Tutorial Mempercepat Load Website dengan Caching Browser

Hai Sob! Apa Sobat lagi bingung gimana caranya mempercepat load website dengan caching browser? Santai aja Sob, dibawah ini banyak Read more

Scroll To Top