Если вы подключаете один файл через <link>
, а потом внутри него вставляете несколько @import
, то все, что вы подключаете через @import
будет загружаться только после того, как будет полностью прочитан тот первый файл стилей.
Я не могу, соответственно, сказать, что это абсолютно всегда вредно. Просто нужно понимать, когда это использовать, а когда - нет.
Например, если по какой-то причине вы не хотите параллельной загрузки и произвольного порядка применения стилей browser-ом к странице, используйте @import
, если наоборот - используйте <link>
.
Утверждение о том, что минимально возможное число файлов стилей (в идеале - один) - это всегда хорошо, далеко от универсального, потому что эффект большего или меньшего числа стилей зависит от характеристик подключения (максимальное число одновременных запросов на сервере) и содержимого страницы. Если общее число запросов для получения страницы и так мало, или есть дополнительный контент (изображения) загружаются асинхронно по мере прокрутки, то нет никакого смысла сводить число файлов стилей к одному - нужно ориентироваться на то, сколько вообще запросов потребуется для того, чтобы загрузить страницу.