Если сайт отображается без стилей - голый текст, синие ссылки, картинки в столбик, - значит, HTML загрузился, а CSS-файлы нет. Причин немного: файлы стилей отдают ошибку 404, браузер блокирует их из-за смешанного контента http и https, сломалось объединение CSS в CMS или вмешалось расширение браузера. Точный диагноз ставится за пару минут в консоли разработчика: клавиша F12, вкладки Console и Network.

Быстрый тест. Сайт без стилей у одного посетителя - почти всегда его браузер, расширения или антивирус. Без стилей у всех - сервер или код. Откройте страницу с телефона через мобильный интернет: этот ответ определяет весь дальнейший маршрут.

Как найти причину в консоли браузера за 2 минуты

  1. Откройте ConsoleНажмите F12: ошибки загрузки стилей подсвечены красным, с адресом файла и причиной отказа.
  2. Проверьте NetworkОтфильтруйте запросы по CSS и обновите страницу через Ctrl+F5 - увидите статус каждого файла стилей: 200, 404, 500 или blocked.
  3. Расшифруйте статус404 - файла нет по этому пути; blocked:mixed-content - http-файл на https-странице; ERR_BLOCKED_BY_CLIENT - вмешался блокировщик рекламы; 500 - стили генерируются скриптом, и он упал.
  4. Откройте CSS напрямуюСкопируйте адрес файла в новую вкладку: видите код стилей - файл жив, проблема в подключении; видите ошибку - проблема в самом файле или пути.

Типовые сообщения консоли: причина и решение

Сообщение в консолиПричинаРешение
Mixed Content: http://...Стили подключены по http на https-сайтеЗаменить пути на относительные или https
404 Not Found на CSS-файлеФайл потерян при переносе или деплоеВосстановить файл, поправить путь в шаблоне
ERR_BLOCKED_BY_CLIENTБлокировщик рекламы режет файл по имени (banner, ads)Переименовать файл и пути
CORS-ошибка на шрифтахШрифты лежат на другом домене без нужных заголовковНастроить Access-Control-Allow-Origin
Объединённый CSS пустой или битыйСбой сборки стилей в БитриксОчистить кэш, пересобрать, проверить права

Стили пропали после переезда на https или новый домен

Самый частый сценарий. В шаблоне и базе остались абсолютные пути со старым протоколом или доменом: браузер получает https-страницу, а стили с http - и молча их блокирует как смешанный контент. Лечение: перевести пути на относительные, прогнать замену старого домена по базе и шаблону, проверить настройки адреса сайта в CMS. После правок пройдитесь по ключевым страницам с открытой консолью - смешанный контент любит прятаться в отдельных разделах.

Стили пропали после обновления или очистки кэша в Битрикс

В 1С-Битрикс включено объединение и сжатие CSS: система склеивает десятки файлов в один. Иногда сборка получается битой - после аварийной перезагрузки, нехватки места или прав на запись в папку кэша. Решение: очистить кэш в настройках или удалить содержимое bitrix/cache по FTP, проверить права на запись, при повторении - временно отключить объединение CSS в настройках главного модуля и понаблюдать.

Не правьте ядро. Если стили «чинят» правками в системных файлах и стандартных шаблонах, при первом же обновлении платформы всё сотрётся - и сайт снова разъедется. Правки живут только в собственном шаблоне сайта: это азбука аккуратной доработки.

Сайт разъехался, клиенты видят голый текст?

Найдём, почему не грузятся стили, починим шаблон и кэш, проверим сайт в основных браузерах и на телефонах. Обычно это несколько часов работы.

Починить отображение

Сайт «мигает» голым текстом при загрузке: что это

Если стили в итоге подгружаются, но долю секунды посетитель видит неоформленную страницу - это FOUC, вспышка неоформленного контента. Причина - тяжёлые или неправильно подключённые стили: браузер успевает отрисовать HTML раньше, чем получит CSS. Лечится оптимизацией порядка загрузки и критического CSS - подробнее в статьях как ускорить сайт и про Google PageSpeed Insights.

Совет. После любых правок стилей меняйте версию файла в подключении (styles.css?v=2). Посетители со старым кэшем сразу получат свежий файл - и вы не будете неделю выслушивать «а у меня всё ещё криво».

Частые вопросы про сайт без стилей

Сайт без стилей только в одном браузере. В чём дело?
Виноват сам браузер: расширения (особенно блокировщики), устаревший кэш или старая версия. Откройте сайт в режиме инкогнито - если оформился, отключайте расширения по одному и чистите кэш.
После установки SSL-сертификата сайт стал выглядеть криво. Совпадение?
Нет, это классика: страница поехала по https, а стили и скрипты остались подключены по http - браузер их заблокировал. Переведите пути на относительные или https и проверьте страницы с открытой консолью.
Стили то появляются, то пропадают. Как такое возможно?
Обычно виновата инфраструктура: несколько серверов или узлов CDN с разным состоянием кэша, либо объединённый CSS пересобирается под нагрузкой. Проверьте сайт через check-host.net из разных точек и сравните ответы.
Опасно ли отключать объединение CSS в Битрикс?
Не опасно: сайт останется работоспособным, но может грузиться чуть медленнее - файлов станет больше. Это нормальный диагностический шаг. После починки включите объединение обратно и замерьте скорость.

Итог: «сайт без стилей» звучит страшно, а по факту это один незагрузившийся файл, и консоль браузера называет его сразу. Не хочется разбираться с шаблонами и кэшем - передайте нам: в рамках доработки сайтов починим отображение, а на абонентской поддержке будем ловить такие сбои раньше посетителей. Оценка задачи - бесплатно, в течение дня.