如何消除渲染阻塞JavaScript

Question

我正在使用Google PageSpeed tool测试网页加载。结果显示“消除了对于

的渲染阻止JavaScript和CSS的重叠内容”

query1=db...;
ids=[];
query1.forEach(function(d) { ids.push(d._id.variant); });
query2=db.collection.aggregate( {$match: { variant_id:{$in: ids } } } );

源代码是：

<script type='text/javascript' src='http://example.com/wp-includes/js/jquery/jquery.js?ver=1.11.2'></script>
<script type='text/javascript' src='http://example.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>

我热衷于添加异步或延迟标记。我怎样才能做到这一点？

Answer 1

从MDN关于异步属性：

  

它对内联脚本（即没有src属性的脚本）没有影响。

defer属性也是如此。

基本上，如果您真的想摆脱错误，只需将其移至</body>标记之前。