Белый экран на мгновение при загрузке страницы (vue js)?
Приветствую всех.
Есть такая проблема, что в начале загрузки страницы на мгновение появляется белый экран, игрой с инлайн стилями и прелоадами никак не лечится, дев тулс показывают что в этот момент происходит событие domcontentloaded и какие-то дальнейшие скрипты, а уже после них начинается отрисовка страницы. Погуглил разные vue js приложения и такая проблема где-то в 50% случаев встречается, вот хотелось бы узнать, как с этим справилась вторая половина.
Для того чтобы ответить на этот вопрос нужно понять как работает Vue. Так как это SPA приложение то отрисовка страницы начинается тогда когда будет загружен основной скрипт страницы, а также будут загружены данные.
И это не является какой-то проблемой. Если для вас это проблема, тогда стоит посмотреть на SSR в Nuxt.js
Тогда ваша разметка будет грузиться с сервера и отображаться сразу без мерцания
