2016-10-03 1 views
0

私が取り組んでいるアングルアプリには、CSSを適用するのに時間がかかります。ときに任意のページが最初にロード(またはリフレッシュから)、すべてが生のHTML(順不同リスト、など)のように表示されるように:enter image description hereここ角度アプリでCSSを適用するのに少し時間がかかります

がネットワークログです:どのようなルートenter image description here enter image description here enter image description here

わかりませんこの原因は何か、それを解決する最善の方法は何でしょうか。

+0

https://developers.google.com/speed/pagespeed/insights/でテストすれば、より良いヒントを得ることができます。 –

答えて

1

解決する最善の方法は、ページのすべての要素が読み込まれるまで表示される読み込み.gifを使用することです。 隠さクラスは.contentから削除されると

<!-- Loading div with some CSS and possibly text to let the user know the page is loading --> 
<div class="loading"></div> 

<!-- Content div which will have the hidden class removed after the page has been fully loaded and rendered --> 
<div class="content hidden"></div> 

HTMLは、それがを.loading に適用する必要があります。

関連する問題