Как пофиксить, что б при первом заходе на сайт не дергался контент?

Question

[kaban4o]

Суть в том, что когда человек при первом заходе на сайт, открывает страницу, стили не успевают подружатся и немного видно на долю секунды что дерганая страничка. Дальше нормально, так как кеш работает.
Как сначала загрузить все нужное, и лишь потом показать страницу?Proloder не предлагать.

Comments

[kaban4o]

Bavashi, да, но все равно, как то на милисекунду подтормаживает.

Answer 1

[IIIu6ko]

Попробуй шрифты подгружать раньше, чем всё остальное

<link rel="preload" href="fonts/ubuntu/ubuntu-v14-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2" as="font" type="font/woff2" crossorigin>

Comments

[kaban4o]

Шрифты гугл, но я уверен что это из-за них посмотрев вкладку Network в Инспекторе

[kaban4o]

Чуть решил для себя вопрос, вынес гугл шрифты в файл стилей и вместо font-display: swap; поставил font-display: block;

[IIIu6ko]

kaban4o, Перестало прыгать?
Советую всегда скачивать шрифты, чтобы не было подобных проблем.

Вот сервис для скачивания гугл шрифтов https://google-webfonts-helper.herokuapp.com/fonts

[kaban4o]

IIIu6ko, да перестало, но font-display: block не самый лучший выбор)

[IIIu6ko]

kaban4o, У меня swap стоит, но у меня подключены шрифты локально.

[kaban4o]

IIIu6ko, отлично