Что происходит при медленной загрузке CSS

При медленной загрузке CSS браузер может отображать нестилизованный контент (Flash of Unstyled Content - FOUC). Это происходит потому, что HTML загружается и парсится быстрее, чем CSS. Для предотвращения FOUC можно: 1. Размещать CSS в `` (блокирует рендеринг до загрузки стилей) 2. Использовать `preload` для критического CSS: ```html ``` 3. Встраивать критический CSS прямо в HTML 4. Для SPA можно скрывать приложение до загрузки стилей: ```css .app { opacity: 0; transition: opacity 0.3s; } .app-loaded { opacity: 1; } ``` ```js window.addEventListener('load', () => { document.querySelector('.app').classList.add('app-loaded'); }); ```