緩慢的Angularjs頁面初始化 - HTML加載前的長延遲

我正在運行一個angularjs應用程序，並且找不到爲什麼我的頁面加載緩慢。 CSS和JS文件很快所有負載，但是存在之間的長時間延遲當HTML負載時，該應用程序似乎只是處於停用無所事事緩慢的Angularjs頁面初始化 - HTML加載前的長延遲

headertemplate.jtml，footertemplate.html，和notelist.html正在加載的諧音，以彌補視圖

2017-02-14 KDogg

這可能是因爲你打電話給外部網址。請下載並使用本地庫僅用於字體。 – digit

我認爲可能是這樣，但刪除字體不會改變任何東西。 html仍然有這個等待期間 – KDogg

還有1個。 Parse.serverurl。嘗試對輸出結果進行評論。它還是一樣嗎？ – digit

角使用AJAX來檢索模板。您應該能夠查看開發人員工具中的網絡選項卡，以查看每個模板的ajax請求。這可能會給你一個線索，知道阻止是什麼。

我不知道爲什麼接收它們需要這麼長時間，但您可以加快速度的一種方式是預先使用類似HTML2JS的工具緩存模板。這樣，您的模板只是您隨程序代碼一起提供的另一個JS文件，並且只要加載了程序代碼就會加載模板。它會增加您的初始下載大小，但會大大提高抓取模板的速度。

2017-02-14 17:51:02

您可以緩存$ templateCache中的所有模板，這將使角度應用程序永遠不會使xhr請求部分htmls。

順便問一下，你在做任何angular.forEach服務器調用，由於某種原因，他們沒有在網絡選項卡中顯示出來（IDK爲什麼？OO），也可以是你正在使用的決心在ui路由器的狀態配置，這是需要時間來激活狀態和調用html部分..

2017-02-14 19:11:30 pranavjindal999

回答