Белый экран на мгновение при загрузке страницы (vue js)?

Question

[frostexzo]

Приветствую всех.
Есть такая проблема, что в начале загрузки страницы на мгновение появляется белый экран, игрой с инлайн стилями и прелоадами никак не лечится, дев тулс показывают что в этот момент происходит событие domcontentloaded и какие-то дальнейшие скрипты, а уже после них начинается отрисовка страницы. Погуглил разные vue js приложения и такая проблема где-то в 50% случаев встречается, вот хотелось бы узнать, как с этим справилась вторая половина.

UPD: Чистая сборка vue-cli

Comments

[Михаил]

SSR
Или перенести скрипты в head

[Eduard Shkuta]

Может начальная страница инициализируется через динамический импорт?

[Владислав Лысков]

Мб проблема на твоей стороне?

Answer 1

[Константин Б.]

Для того чтобы ответить на этот вопрос нужно понять как работает Vue. Так как это SPA приложение то отрисовка страницы начинается тогда когда будет загружен основной скрипт страницы, а также будут загружены данные.

И это не является какой-то проблемой. Если для вас это проблема, тогда стоит посмотреть на SSR в Nuxt.js
Тогда ваша разметка будет грузиться с сервера и отображаться сразу без мерцания