Angular - 爲什麼網站需要很長時間才能加載？

-4

我正在開展一個大學項目，除了緩慢的問題之外，還有很長的路要走。它似乎需要永久加載。Angular - 爲什麼網站需要很長時間才能加載？

我有一種感覺，我沒有正確部署它或別的東西放慢了速度。它被部署到Heroku Hobby服務器上，每月7美元，永不需要睡覺。

我如何正確檢查鉻檢查或somethign類似什麼導致它需要20秒看到什麼？

來源

2016-04-13 ChrisM

請提供[mcve] –

您的主頁上有68個腳本標籤。其中每一個最終都是一個單獨的HTTP請求，這肯定會減慢你的頁面的速度。（關於它的價值，它在大約2秒後爲我加載）。 – TAGraves

通常，客戶端緩存用於存儲經常使用的頁面和圖像。在超時之前將它們存儲數月（多個會話）通常是安全的。會話cookie在每個會話結束時被刪除。 – Sparky256

對我來說，頁面了9.85s的DOM內容和33.91s加載到完全加載。我也應該注意到我在韓國，所以對我來說可能要稍微長一些。

像其他人一樣，你有太多的腳本標籤。每個人都在發出自己的請求，他們必須等到先前的請求完成後才能觸發下一個請求。

爲了大幅縮短時間，我建議將腳本連接並縮小爲儘可能少的腳本。也許一個包含第三方腳本，另一個包含所有腳本。另外，如果可以的話，緩存它們。

來源

2016-04-13 00:47:09

是否有某種我可以用來加入腳本的在線服務，或者我會怎麼做呢？ – ChrisM

看看http://stackoverflow.com/questions/6539837/concat-and-minify-js-files-in-node-關於UglifyJS2的答案是你想要看的地方。 – TAGraves

我不確定你使用的後端是什麼，所以很難推薦使用什麼來縮小和連接。如果它是Node，則會有各種軟件包，如@TAGraves提到的UglifyJS2。如果你只是想使用一些在線服務，我不太確定那裏有什麼好處，因爲我沒有使用過。我做了一個快速搜索，找到了使用UglifyJS2的[JSCompress]（http://jscompress.com/）。 –

Chrome DevTools（inspect）上的網絡和審計選項卡可以幫助您找到問題，這似乎是您加載的腳本數量。

網絡

審計

來源

2016-04-13 00:45:35

這看起來非常有用。謝謝 – ChrisM

Angular - 爲什麼網站需要很長時間才能加載？

回答

相關問題