2016-10-03 3 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, который будет отображаться до тех пор, пока не будут загружены все элементы страницы.

HTML

<!-- 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> 

Когда класс скрыт удаляется из .content, он должен быть применен к .loading.

Смежные вопросы