「即使所有的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」？

回答

相關問題