Çözüldü HTML'in CSS'ten sonra yüklenmesi nasıl sağlanır?

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

qcod3r

Femtopat
Katılım
24 Ocak 2021
Mesajlar
25
Merhaba bir HTML kodum var. Bu koda CSS ekledim link ile. Bu CSS yaklaşık 300 KB, HTML ise 40KB civarında. Siteyi açınca HTML ile CSS aynı anda yükleniyor ve bu durumda site 1 saniye civarı CSS olmadan gözüküp normal haline dönüyor. Biliyorum çok mühim değil :) HTML'in yüklenmesi için CSS'i beklemesi gibi bir durum yapılabiliyor mu?
 

rohleder00

Centipat
Katılım
9 Ekim 2019
Mesajlar
211
Yükleniyor ibaresi veriliyordu site açılmadan evvel ama nasıl yapıldığını hatırlamıyorum
 

Davas

Kilopat
Katılım
24 Temmuz 2019
Mesajlar
5.348
Makaleler
16
Çözümler
120
Yer
İstanbul
Bu durum tarayıcı kaynaklı olabilir. CSS kodlarında transition özelliği yanlış kullanılmış olabilir. Bunları kontrol et, farklı tarayıcılarda dene.
 
KS
qcod3r

qcod3r

Femtopat
Katılım
24 Ocak 2021
Mesajlar
25
Bu durum tarayıcı kaynaklı olabilir. CSS kodlarında transition özelliği yanlış kullanılmış olabilir. Bunları kontrol et, farklı tarayıcılarda dene.
Hocam Firefox kullanıyorum ama tarayıcı kaynaklı olduğuna emin misiniz?
 

Davas

Kilopat
Katılım
24 Temmuz 2019
Mesajlar
5.348
Makaleler
16
Çözümler
120
Yer
İstanbul
Hocam Firefox kullanıyorum ama tarayıcı kaynaklı olduğuna emin misiniz?
Daha önce benzer bir sorunu yaşamıştım ama aynı sorun mu emin olamadım. Tarayıcıyı değiştirip emin olabilirsin.
 

kaanersoy12

Centipat
Katılım
27 Aralık 2019
Mesajlar
128
CSS 'i verdiğiniz link TAG'inde rel="preload" kullanıyor musunuz?

Eğer ki kullanıyorsanız bu yüzden olmalıdır. HTML yapısında CSS yüklenmeden ekranda hiçbir şey gözükmez. Eğer ki siz preload veya defer tarzı etiketler kullanıyor iseniz bu şekilde olması normaldir.

Şurada bıraktığım linki iyice bir okumanızı tavsiye ederim. Hem yaşadığınız sorunun çözümünü bulacaksınız hem de sayfanız eskisinden daha optimize olucak.

Eğer javascript yazıyor iseniz <script defer></script> defer olarak gördüğünüz etiketi incelemelisiniz.

Onun için de bir kaynak bırakıyorum: script defer
 
Yukarı