Иногда не загружаются CSS стили у пользователя (после обновления страницы)

Здравствуйте. Появилась проблема у одного из пользователей (контент-менеджер): периодически после открытия или обновления страницы сайт загружается без CSS стилей.

Проблема непостоянная — проявляется случайно. После повторного обновления страницы или Ctrl+F5 стили загружаются корректно.

Несколько раз воспроизводил сам: в DevTools ссылка на CSS присутствует, запросы выглядят успешными, явных ошибок в консоли не наблюдается, но стили не применяются.

Что проверено:

  • CSS-файлы доступны, возвращаются без ошибок (200 OK)
  • в консоли браузера ошибок нет
  • проблема исчезает после hard refresh

Вопрос:

С чем может быть связана такая ситуация в CS-Cart?
Может ли это быть связано с кешированием статики / CDN / заголовками кеширования или особенностями сборки assets?

Он работает в той же сети, что и все остальные? Где-то кэшируется не до скачанный файл стилей, или битый, и поэтому его обработка в браузере стопорится. При обновлении страницы мимо кэша файл скачивается снова. Редко, но бывает с ошибкой формируется файл стилей. Тогда такой рефреш не поможет, тогда надо удалять кэш на сайте. Но если это локально - то либо плохой интернет, либо тормоза на рабочей машине.

1 лайк

Дополню: сначала писал, что явных ошибок не было, потому что в момент первых проверок не смотрел вкладку Network — проверял только разметку. В HTML присутствовала ссылка на CSS из кеша CS-Cart, но стили при этом не применялись.

Сейчас проблема снова воспроизвелась, и уже в Network видно 404 на собранный css в кеше. То есть ситуация, похоже, плавающая: иногда запрос проходит успешно, а иногда страница получает ссылку на уже отсутствующий или невалидный css asset.

Поэтому версия с кешированием/пересборкой assets в CS-Cart сейчас выглядит наиболее вероятной.

Очищал кеш и не один раз, не помогало.