消除渲染阻塞JavaScript

我有一個奇怪的問題，谷歌網頁速度的見解。即使我已將所有腳本移動到頁腳，並且關鍵的css在標題中內聯，我仍然收到此錯誤。移動搜索結果非常好，桌面正在收到此錯誤。任何人有如何解決這個問題的一些想法？這是測試的網址：google page speed insights 消除渲染阻塞JavaScript

來源

2015-10-26 bigcat

我發現了問題和解決方案！在我的原始CSS中，我有一個桌面上頂級內容的BG圖像。在關鍵的CSS中，我只包含了bg顏色，我想在稍後爲這個bg-image服務。一旦我將bg-image包含在關鍵的css中（頭文件中），桌面結果得到了改善，並且呈現阻止腳本錯誤消息消失。谷歌pagespeed的見解審查了最終結果圖片與只有關鍵的CSS生成的圖片，並發現圖片不夠相似，這就是爲什麼它說我阻止了內容。

來源

2015-10-28 13:56:52 bigcat

我看了一下你提供的URL的源代碼，好像在HEAD裏面有一個script標籤。

<script> 
    sessionStorage.setItem('BASEURL', 'http://test.bigcat.rs/mirokredit/wp-content/themes/mirobuild'); 
    sessionStorage.setItem('LANG', 'de'); 
</script>

你也應該將其移至結束標記添加"async" attribute到標籤之前。它會通知瀏覽器在腳本變爲可用時立即異步運行腳本並刪除阻塞。

希望有幫助！

來源

2015-10-27 05:47:58 Deano

嗨Deano。沒有幫助你的方法。由於內聯，此腳本不呈現阻塞狀態。即使我把它移到底部，在BODY結束之前，pagespeed的見解對桌面也是如此：去除阻塞... – bigcat

@bigcat很高興你對它進行排序。任何腳本即使被內聯也會呈現阻塞狀態，並且仍應始終添加異步屬性！ – Deano

消除渲染阻塞JavaScript

回答

相關問題