Bir web sayfası sunucudan yüklenirken, dönen klasik yükleniyor çarkı yerine içeriğin geleceği yerleri gri bloklar ve dalgalanan ışık efektiyle gösteren geçici arayüz taslağıdır.
\n\nNasıl Çalışır ve Temel Prensipleri Nelerdir?
\nCSS shimmer animasyonu ve gri kutucuklarla metin başlıklarının ve görsel alanlarının geleceği yerler önceden doldurulur.
\n\nNeden Kritik Öneme Sahiptir?
\nKullanıcının algılanan bekleme süresini (perceived wait time) ciddi şekilde azaltır; sayfanın donduğu hissini ortadan kaldırır.
\n\nEn İyi Uygulama ve Kullanım İpuçları
\nİskelet kutularının boyutlarını gerçek gelecek içerikle birebir aynı tutun; böylece düzen kayması (CLS) yaşanmaz.
\n\nSık Yapılan Hatalar ve Kaçınılması Gerekenler
\nGerçek veriler geldikten sonra iskelet ekranı gizlemeyi unutarak kullanıcının içeriğe ulaşmasını engellemek.
Sıkça Sorulan Sorular (SSS)
Skeleton Screen Nedir? (İskelet Ekran Yükleme Animasyonu) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
Kullanıcı deneyimini artırarak sitede kalma süresini olumlu etkiler; ayrıca CLS puanını korur.
Doğrusal gradyan (linear-gradient) ve @keyframes animasyonu kullanılarak saf CSS ile kolayca yapılır.