如何消除angular-cli站點中的渲染阻塞？

運行後ng build --prod我可以進入我創建的dist文件夾中的index.html文件，並將async屬性添加到捆綁的腳本標記以防止它們被阻塞。這有助於網站的速度，但零星崩潰的網站。在angular-cli.json中有沒有一個選項可以在更好的構建過程中爲我添加這個選項？我跑我的網站通過谷歌的測試我的網站，我已經離開了解決的唯一的事情是消除阻止呈現在上面，首屏內容JavaScript和css 如何消除angular-cli站點中的渲染阻塞？

下面

是一個更具體的結果，我從https://developers.google.com/speed/pagespeed/insights/

得到

消除阻止呈現的JavaScript和CSS在上面屏內容

你的頁面有4級阻止腳本的資源和1個攔截CSS資源。這會導致渲染頁面延遲。如果不等待加載以下資源，則無法呈現頁面上的上述摺疊內容。嘗試推遲或異步加載阻止資源，或直接在html中內聯這些資源的關鍵部分。去除渲染阻塞JavaScript：

來源

2017-05-29 Arvind Audacious

@arvil請提供答案 –

恐怕它不可能使用CLI截至目前。有關該主題的討論，請參閱https://github.com/angular/angular-cli/issues/3323。

來源

2017-05-30 05:41:59

我已經嘗試https://github.com/angular/angular-cli/issues/3323，但沒有使用 –

正確，它沒有在CLI中添加到現在。我自己做的是將async屬性僅添加到第一個腳本元素髮生處。這工作良好，並滿足pagespeed。我正在考慮製作一個點亮的nodejs腳本，我可以在ng構建過程之後運行，以實現自動化。 –

可以請你詳細說明它..並提供一些示例代碼，它將對我有用..請becasse我要瘋了解決這個問題 –

如何消除angular-cli站點中的渲染阻塞？

回答

相關問題