“即使所有的JS都在页面的底部，在上面的内容中消除渲染阻塞JavaScript”？

有问题的页面在peppyburro.com/sandboxindex上。我一直特别小心，以确保我所有的<script>标签都脱离了页面的其他部分。为了确保所有这些标签都放在文档的最后，恰好在关闭<body>标签上方。但谷歌表示，它阻止了上述内容。还有什么可以解决这个问题？“即使所有的JS都在页面的底部，在上面的内容中消除渲染阻塞JavaScript”？

下面是它看起来像现在：

<body> 

<!-- rest of the page --> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
<script src="/sandboxassets_mbr/tether/tether.min.js"></script> 
<script src="/sandboxassets_mbr/bootstrap/js/bootstrap.min.js"></script> 
<script src="/sandboxassets_mbr/smooth-scroll/SmoothScroll.min.js"></script> 
<script src="/sandboxassets_mbr/dropdown/js/script.min.js"></script> 
<script src="/sandboxassets_mbr/touchSwipe/jquery.touchSwipe.min.js"></script> 
<script src="/sandboxassets_mbr/bootstrap-carousel-swipe/bootstrap-carousel-swipe.min.js"></script> 
<script src="/sandboxassets_mbr/jarallax/jarallax.min.js"></script> 
<script src="/sandboxassets_mbr/theme/js/script.min.js"></script> 
<script src="/sandboxassets/js/pb.min.js"></script>  

<iframe name="oauth2relay568119477" id="oauth2relay568119477" src="https://accounts.google.com/o/oauth2/postmessageRelay?parent=http%3A%2F%2Fwww.peppyburro.com&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.D6BJotTTK3k.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCMhm9y_bVe3QuOa8vncNGxJUzV-Tw#rpctoken=888376000&amp;forcesecure=1" tabindex="-1" aria-hidden="true" style="width: 1px; height: 1px; position: absolute; top: -100px;"></iframe><iframe id="rufous-sandbox" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" style="position: absolute; visibility: hidden; display: none; width: 0px; height: 0px; padding: 0px; border: none;" title="Twitter analytics iframe"></iframe><script id="PIN_1487351100480.f.callback[1]" type="text/javascript" charset="utf-8" src="https://log.pinterest.com/?guid=1hSbMAVfYDeC&amp;tv=2016111001&amp;type=pidget&amp;sub=www&amp;button_count=0&amp;follow_count=0&amp;pin_count=0&amp;profile_count=0&amp;board_count=0&amp;lang=en&amp;via=http%3A%2F%2Fwww.peppyburro.com%2Fsandboxindex&amp;callback=PIN_1487351100480.f.callback[1]"></script> 

</body>

确实存在着社交媒体API调用的脚本的一些点点的头，但谷歌专门命名上面提到的元凶文件。

来源

2017-02-17 TheLearner

您可以将所有脚本合并到一个脚本中，并加载它以异步增加性能。 – Nitin

您在层次结构中确实有一些Facebook SDK，Twitter SDK和Google Analytics脚本标记相当高。根据使用它们的代码，将所有块全部向下移动到页面底部（在您自己的JavaScript文件上方）应该是安全的。

我建议一次移动一个，从GA开始，以便轻松确定是否有任何更改导致错误或错误。

来源

2017-02-17 19:12:15 bonesbrigade

我承认我的标题标记中包含这些脚本，但这些并不是Google唯一值得关注的内容。我主要对我在我的问题中提到的脚本感到困惑，比如JQuery，这些脚本在我的身体标记结束处停留，但Google让他们负责ATF渲染延迟。 – TheLearner

因此，在“显示如何修复”部分，它将这些文件列在页脚中？ – bonesbrigade

这正是我所说的。 – TheLearner

“即使所有的JS都在页面的底部，在上面的内容中消除渲染阻塞JavaScript”？

回答

相关问题