Çö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
Daha fazla  
Cinsiyet
Erkek
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?
 
Yükleniyor ibaresi veriliyordu site açılmadan evvel ama nasıl yapıldığını hatırlamıyorum
 
Bellek önceliği nedir bilmiyorum ama tahmini olarak, derleyici önce yazılan koda bakar. CSS kodlarını HTML kodlarından önce koyarsan CSS daha önce çalıştırılır.(?)
 
wincetionx3 dedi:
Bellek önceliği nedir bilmiyorum ama tahmini olarak, derleyici önce yazılan koda bakar. CSS kodlarını HTML kodlarından önce koyarsan CSS daha önce çalıştırılır.(?)
Genişletmek için tıkla...

Yok hocam maalesef olmuyor zaten <head> arasına koydum CSS'i.
 
Bu durum tarayıcı kaynaklı olabilir. CSS kodlarında transition özelliği yanlış kullanılmış olabilir. Bunları kontrol et, farklı tarayıcılarda dene.
 
Berkay Davas dedi:
Bu durum tarayıcı kaynaklı olabilir. CSS kodlarında transition özelliği yanlış kullanılmış olabilir. Bunları kontrol et, farklı tarayıcılarda dene.
Genişletmek için tıkla...
Hocam Firefox kullanıyorum ama tarayıcı kaynaklı olduğuna emin misiniz?
 
qcod3r dedi:
Hocam Firefox kullanıyorum ama tarayıcı kaynaklı olduğuna emin misiniz?
Genişletmek için tıkla...
Daha önce benzer bir sorunu yaşamıştım ama aynı sorun mu emin olamadım. Tarayıcıyı değiştirip emin olabilirsin.
 
Berkay Davas dedi:
Daha önce benzer bir sorunu yaşamıştım ama aynı sorun mu emin olamadım. Tarayıcıyı değiştirip emin olabilirsin.
Genişletmek için tıkla...

Hocam localhostta az önce test ettim, yüklenmesini bekledi. Gayet iyi şu anlık.
 
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
 
Konuyu cevapla
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…