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

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

Какие техники, технологии или хаки Вы используете для борьбы с появлением неоформленного контента FOUC ( flash of unstyled content). Так же буду благодарен за любые ссылки. Гуглом пользовался, толкового и однозначного решения не нашёл.
  • Вопрос задан
  • 6111 просмотров
Комментировать
Подписаться 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 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сверстать десктоп версию сайта в tailwind
22 нояб. 2024, в 06:06
1500 руб./в час
Создать TG бота
22 нояб. 2024, в 06:04
1 руб./за проект
Тестирование модуля ElasticSearch через ftp
22 нояб. 2024, в 03:54
1500 руб./за проект
Ещё заказы