Sayfanın üstünde çağırılan js dosyaları, sayfanın ayrıştırılmasını geciktirdiği için performansı olumsuz yönde etkilemektedir.
Yapılması gerekenler;
Öncelikle *.js dosyalarını sayfanın en altına alınız. Bunu yaparken kütüphane sıralamalarınıza dikkat ediniz. Aksi durumda js hataları alabilirsiniz.
Sayfanın ortasında *.js dosyası çağırmayınız.
Sayfa içi *.js kullanmamaya özen gösteriniz.
*.js dosyalarınızı optimize ediniz.
*.css dosyalarınızı optimize ediniz.
Sitenizin ana hatlarını oluşturan *.css dosyanızı sayfanın üstünde çağırabilirsiniz. Fakat diğer css dosyalarını yine aynı şekilde sayfanın altına alınız.
Bu işlemleri gerçekleştirirseniz açılış performansınızı önemli ölçüde arttırabilirsiniz.
Yapılması gerekenler;
Öncelikle *.js dosyalarını sayfanın en altına alınız. Bunu yaparken kütüphane sıralamalarınıza dikkat ediniz. Aksi durumda js hataları alabilirsiniz.
Sayfanın ortasında *.js dosyası çağırmayınız.
Sayfa içi *.js kullanmamaya özen gösteriniz.
*.js dosyalarınızı optimize ediniz.
*.css dosyalarınızı optimize ediniz.
Sitenizin ana hatlarını oluşturan *.css dosyanızı sayfanın üstünde çağırabilirsiniz. Fakat diğer css dosyalarını yine aynı şekilde sayfanın altına alınız.
Bu işlemleri gerçekleştirirseniz açılış performansınızı önemli ölçüde arttırabilirsiniz.
Ustam çok teşekür ederim. Zahmet edip yazdın ama bu dediklerinin teknik mealini bilemiyorum malesef. Yani "Öncelikle *.js dosyalarını sayfanın en altına alınız." ne demek ? Bunu tam anlayamadım. Bu dosyaları çağırma işlemini mi footerdan yapayım ?
Ek Olarak:
Temaya ait .css dosyalarini header içerisine; gerisini footera alabilirsiniz.
.js içinde sıraya dikkat ederek yine alt kısma taşiyabilir ve defer komutuyla asynchronise calismasini saglamalisiniz.
.js içinde sıraya dikkat ederek yine alt kısma taşiyabilir ve defer komutuyla asynchronise calismasini saglamalisiniz.
temaya ait tüm css dosyasının içeriğini mi header içine alacağım yani.