Oluşturmayı önleyen JavaScript ve CSS kodları

Arkadaşlar bir konuda yardımınıza ihtiyacım oldu. Yorumlarınızı paylaşırsanız çok sevinirim:

Aşağıdaki hatayı nasıl giderebileceğim konusunu çözemedim. Kaynak var mıdır bakıp yapabilirim sanırım:



Şimdiden çok tşk ederim.

Merhaba hocam.
Kısacası javascript ve css dosyalarını sayfanın en başında değilde en altında yayınlayın demekte.
Böylelikle site bu dosyalara ilk açılışta ihtiyaç duymaz ve daha sonradan yüklenir.Amaç budur.

JS ve CSS kodlarını async olarak sayfanıza eklemeniz gerekiyor. Javascript kodları için :

<script type="text/javascript">
(function(){
var po=document.createElement('script');
po.type='text/javascript';
po.async=true;
po.src='http://example.com/scripts.js';
var s=document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po,s);
})();
</script>

Css Kodları için :

gerekli olan cssleri direk sayfa içine eklemeniz gerekiyor :

<style type="text/css">
.body{color:#000000;}
.content{width:10em;}
</style>

geri kalan dosya içerisindeki css dosyanızı async yükelemeniz gerekiyor.

<script type="text/javascript">
(function(){
var po=document.createElement('link');
po.type='text/css';
po.async=true;
po.rel='stylesheet';
po.href='http://example.com/style.css';
var s=document.getElementsByTagName('style')[0];
s.parentNode.insertBefore(po,s);
})();
</script>

son olarak javascript etkin olmayanlar için sayfanın en altına </body> tagından önce

<noscript>
<link rel="stylesheet" href='http://example.com/style.css' type='text/css' />
</noscript>

kodunu eklemeniz gerekiyor.

Hocam çok teşekkür ederim deneyeceğim. Sağolun.

Arkadaşlar bu kodlar header.php'den mi güncellenir?
Biraz detaylı bir makale olsa keşke

Js dosyaları için defer özelliğini kullanabilirsin ancak css için çözüm yok yani sayfa içine direk style tagı şeklinde ekleme haricinde. Bende 98 puanda kaldım css olayı yüzünden 100 yapamıyorum.

<script type="text/javascript" src="http://www.site.com/js" defer>

Çok teşekkür ederim.

Bu kodlari header.php ye mi eklicez

Herkes prof olduğu için sorun yok hemen anladık nereye ekleyeceğimizi