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

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

Какие техники, технологии или хаки Вы используете для борьбы с появлением неоформленного контента FOUC ( flash of unstyled content). Так же буду благодарен за любые ссылки. Гуглом пользовался, толкового и однозначного решения не нашёл.
  • Вопрос задан
  • 6162 просмотра
Комментировать
Подписаться 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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Веб-дизайн клининговой компании
22 дек. 2024, в 17:54
10000 руб./за проект
Нарисовать UX/UI дизайн для игры. Нарисовать несколько иконок для игры
22 дек. 2024, в 17:45
10000 руб./за проект
Написать макросы для excel
22 дек. 2024, в 17:39
2000 руб./за проект
Ещё заказы