Apa Itu Skeleton Loading Sebelum Halaman Tampil?

Bedanya dengan Spinner Loading Biasa

Spinner (ikon bulat berputar) cuma menunjukkan "sedang memuat", tanpa info bentuk konten yang akan muncul. Skeleton loading berbeda: bentuknya menyerupai kerangka layout asli — kotak untuk gambar, garis untuk teks — sehingga pengguna sudah punya "peta" tampilan sebelum data selesai dimuat sepenuhnya.

Karena itu, transisi dari skeleton ke konten asli terasa lebih halus, karena posisi elemen sudah kelihatan lebih dulu, tidak tiba-tiba "meloncat" begitu data selesai dimuat.

Kenapa Terasa Lebih Cepat Padahal Waktu Muatnya Sama

Ini soal persepsi, bukan kecepatan sungguhan — dikenal sebagai "perceived performance" dalam desain antarmuka. Layar yang menunjukkan progres bertahap terasa lebih tidak membosankan dibanding layar kosong yang tiba-tiba penuh begitu saja.

Otak manusia cenderung menilai waktu tunggu yang "terlihat ada progresnya" sebagai lebih singkat dibanding waktu tunggu yang sama persis tapi tanpa tanda apa pun sedang terjadi.

Hal yang Perlu Diperhatikan Biar Tidak Mengganggu

• Skeleton yang baik tidak boleh tampil terlalu lama — kalau koneksi lambat, sebaiknya ada indikator tambahan.
• Animasi kedipannya sebaiknya menghormati pengaturan "kurangi gerakan" (prefers-reduced-motion) di perangkat, supaya nyaman bagi pengguna yang sensitif terhadap animasi.
• Bentuk skeleton sebaiknya benar-benar mendekati layout asli, bukan sekadar kotak generik yang tidak mewakili tampilan sesungguhnya.