如何消除angular-cli站點中的渲染塊js和css？

Question

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

下面

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

得到

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

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

Answer 1

問題是，只有在加載腳本後纔會呈現「位於頁面上方」的頁面內容。這意味着無需等待資源加載即可呈現頁面。

爲了解決這個問題，你應該使你的頁面上的服務器端的內容和聯所有必要的CSS呈現在頭部屏內容。

然後，您可以安裝在現有的內容容器上的角應用，並逐步提升網站。