2014-06-09 7 views

cevap

4

bu

<!DOCTYPE html> 
<html> 
<head> 

    <title>css - How to Remove render-blocking JavaScript and StyleSheet in wordpress? - Stack Overflow</title> 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script src="//cdn.sstatic.net/Js/stub.en.js?v=6c41e89d8d17"></script> 

</head> 

sadece bu yüzden

gibi, belgenin altına veya footer.php dosyasına komut dosyalarını taşımak gibi <head> bölüm bakar örneğin düşünelim
<!DOCTYPE html> 
<html> 
<head> 

    <title>css - How to Remove render-blocking JavaScript and StyleSheet in wordpress? - Stack Overflow</title> 

</head> 
<body> 

<!-- all your other codes here --> 

<!-- then your scripts right before the closing body tag --> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="//cdn.sstatic.net/Js/stub.en.js?v=6c41e89d8d17"></script> 

</body> 
</html> 

Tüm komut dosyalarını baştan çıkarırsanız ve </body> kapanış etiketinden hemen önce sağa dönerseniz, o iletide sayfa hızı.

CSS stil sayfası ile ilgili bir hata/mesaj vermeye devam edebileceğini lütfen unutmayın .. iyi, bunu görmezden geleceğim, çünkü css'm belgeden önce oluşturmasını istediğimden, bunu kaldırmak istemiyorum. <head>.

+0

Teşekkür dostum .... – biswajitGhosh

+0

teşekkürler, ama ne olur Ben de bu hata mesajını kaldırmak istiyorum, herhangi bir yolu var mı? – thekosmix

6

Ben oluşturmayı engelleyen şöyle JavaScript Kaldır çözmek: altta komut dosyalarını yerleştirerek uyumsuz kullanarak, inlining ait

<script src="filename.js"></script> 
Replace with Following: 
<script src="filename.js" defer></script> 
<script src="filename.js" async="async"></script> 
+1

'defer' kullanarak basit ama etkili – James

1

Bu çözümler sadece kısmi çözümlerdir .. yöntemleri veya ertelemek en iyi çözüm değildir. Önce sayfanın yüklenmesini ve ardından js'yi yüklemesini istiyorsanız.

JS yer

</body sonra bu kod > etiketi

<script type="text/javascript"> 
function downloadJSAtOnload() { 
    var element = document.createElement("script"); 
    element.src = "yourjavascripttoload.js"; 
    document.body.appendChild(element); 
} 
if (window.addEventListener) 
    window.addEventListener("load", downloadJSAtOnload, false); 
else if (window.attachEvent) 
    window.attachEvent("onload", downloadJSAtOnload); 
else window.onload = downloadJSAtOnload; 
</script> 

Src: Patrick Sexton https://varvy.com/pagespeed/render-blocking.html