Задать вопрос
volos
@volos
javascript

Как Вы боретесь с FOUC (появлением неоформленного контента)?

Какие техники, технологии или хаки Вы используете для борьбы с появлением неоформленного контента FOUC ( flash of unstyled content). Так же буду благодарен за любые ссылки. Гуглом пользовался, толкового и однозначного решения не нашёл.
  • Вопрос задан
  • 5826 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
serjikz
@serjikz
web-developer
normalize.css а дальше уже смотря какой у вас дизайн был. По минимуму стилизировать всё, что может вдруг когда-то вылезти из какой-нибудь (_|_) На большее часто смысла просто не вижу идти. Опять же очень многое зависит от того, какая у вас методология вёрстки. Мож там у вас всё на reset и вот таком кошмаре ul.list-1>li>p>span+b
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
nazarpc
@nazarpc
Open Source enthusiast
Просто засунуть необходимый CSS в head если его не слишком много.
Ответ написан
Комментировать
Комментировать
zooks
@zooks
Frontend
  1. В <head> инлайнится код, необходимый для показа минимум 600px высоты страницы без загрузки дополнительных стилей.
  2. Остальные стили размещаются перед закрывающим </body>.

Автоматизировать это можно с помощью аддона Firefox: https://addons.mozilla.org/en-US/firefox/addon/dus... Сначала удалить HTML, который выходит за область 600px, затем прогнать плагином и удалить ненужные стили.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Исправление ошибок в работе вебсайта / Доработка интернет-магазина
24 апр. 2024, в 02:51
50000 руб./за проект
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Ещё заказы