无法将JavaScript和CSS一起推迟

我有一个html5主题，它支持js的IE8，但是我的页面无法通过Google pagespeed测试。我需要推迟JavaScript和CSS。我的页面有以下标题：无法将JavaScript和CSS一起推迟

<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]--> 
<script src="js/jquery.min.js"></script> 
<script src="js/jquery.dropotron.min.js"></script> 
<script src="js/jquery.scrollgress.min.js"></script> 
<script src="js/skel.min.js"></script> 
<script src="js/skel-layers.min.js"></script> 
<script src="js/init.js"></script> 
<noscript> 
<link rel="stylesheet" href="css/skel.css" /> 
<link rel="stylesheet" href="css/style.css" /> 
<link rel="stylesheet" href="css/style-wide.css" /> 
</noscript> 
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]--> 
</head>

我试过下面的代码来推迟，但是我的页面没有正确显示。我不太了解JavaScript，但我认为浏览器只渲染脚本，而不是CSS。

<!-- defer.js begins--> 
<script type="text/javascript"> 
    function downloadJSAtOnload() { 
     (function(scripts) { 
      var i = 0, 
       l = scripts.length; 
      for (; i<l; ++i){ 
       var element = document.createElement("script"); 
       element.src = scripts[i]; 
       document.body.appendChild(element); 
      } 
     })(['js/jquery.min.js','js/jquery.dropotron.min.js', 'js/jquery.scrollgress.min.js', 'js/skel.min.js', 'js/skel-layers.min.js', 'js/init.js']); 
    } 

    if (window.addEventListener) 
     window.addEventListener("load", downloadJSAtOnload, false); 
    else if (window.attachEvent) 
     window.attachEvent("onload", downloadJSAtOnload); 
    else window.onload = downloadJSAtOnload; 
</script> 
<!-- defer.js ends --> 
</body>

这里是我的文件： javascript css

我怎么能推迟JavaScript和CSS？

来源

2014-10-16 nikel

尝试从标题中放出脚本标记，并将它们添加到结束标记之前，或在脚本标记上使用仅由现代浏览器使用的defer或async属性。 :)

来源

2014-10-16 19:14:51

感谢您的回答。我会尝试与ie8。 – nikel 2014-10-16 19:24:23

如果它通过PageSpeed测试，请告诉我。 – 2014-10-16 19:25:36

是的，它通过PageSpeed测试 – nikel 2014-10-16 19:28:03

希望这个人帮助的js文件

<script type="text/javascript"> 
 
function downloadJSAtOnload() { 
 
var element = document.createElement("script"); 
 

 
element.src = "js/jquery.min.js"; 
 
document.body.appendChild(element); 
 
} 
 

 
if (window.addEventListener) 
 
window.addEventListener("load", downloadJSAtOnload, dfalse); 
 
else if (window.attachEvent) 
 
window.attachEvent("onload", downloadJSAtOnload); 
 
else window.onload = downloadJSAtOnload; 
 
</script>

来源

2017-04-28 07:28:34

无法将JavaScript和CSS一起推迟

回答

相关问题