如何停止渲染攔截JavaScript和CSS？

我已經測試了谷歌PageSpeed Insights的我的網頁，並口口聲聲說「消除阻止呈現的JavaScript和CSS在上面屏內容」如何停止渲染攔截JavaScript和CSS？

它說我有17個阻止腳本和11個阻斷CSS資源。

我已經嘗試了所有的JS的移動到頁面底部加載它持續但谷歌仍然是說我有阻止呈現JS ...

有誰知道我怎麼能解決這個問題？

非常感謝您的幫助。

來源

2015-05-30 Chris Lad

的可能重複[消除外部阻止呈現]（http://stackoverflow.com/questions/18013648/eliminate-external-渲染阻塞） – pstenstrm

那關於CSS不是js。 –

注意：您當前的問題標題要求「如何停止渲染阻止Javascript和CSS？」並在你提到的問題文本中提到：「11阻止CSS資源」。關於javascript和css建議的可能重複討論的接受答案，並提供了對兩者的建議解決方案的初步見解。儘管感謝Q，但我還沒有意識到我的內部反對內聯js/css仇敵的另一個論點（有趣的是，Google再次表明這一點，我收藏中的一些其他人也是來自領先的谷歌開發者的方式）。 – GitaarLAB

您需要深入研究Critical Rendering Path研究。

簡單規則：在您的網頁中只加載對用戶顯示非常重要的東西。頁面加載完成後，可以加載其餘的東西。

當在頁面上下載JS時，它會停止生成DOM並因此停止下載其他資源。把JS放在最下面可以工作，但是當JS被下載時它仍然會阻止你的渲染。爲了解決這個問題，建議將async標記添加到腳本標記中。但加入async可能會導致其他問題。 See here。更多關於此的讀物可以是found here。

同樣的情況適用於CSS，但優點是它不會阻止DOM生成。關於這方面的更多閱讀可以參見here。

來源

2015-05-30 15:51:17 Avinash

嗨我試了一下，但它減慢了網站不確定爲什麼這麼說回去說谷歌頁面insite消除呈現屏蔽JavaScript和CSS。

如果有任何人知道爲什麼通過去除阻擋CSS它放慢了網站enter image description here

來源

2018-02-07 17:06:03 johnc

如何停止渲染攔截JavaScript和CSS？

回答

相關問題