Как лучше подключать CSS-файл? Зачем использовать @import?

Question

Accepted Answer

## Практический смысл Лучший способ для страницы — **внешний** `` в ``: параллельная загрузка, кэш, предсказуемый порядок. ## @import ```css @import url("theme.css"); ``` `@import` в CSS часто **откладывает** загрузку вложенных файлов (водопад): браузер сначала качает родительский файл, потом импорты. В production обычно избегают; в препроцессорах `@import` склеивают на билде — это другое. Альтернативы: несколько ``, бандл (Vite/webpack), critical CSS inline для первого экрана. ## Итог Для рантайма — ``; `@import` в браузере — осторожно из‑за производительности. На собеседовании ждут именно про водопад загрузки.