Для подключения файла стилей CSS можно воспользоваться несколькими способами. Кто-то предпочитает использовать вставку через LINK а кто-то любит @IMPORT. Как же понять - какой способ использовать предпочтительнее всего? Ответ на этот вопрос нам даст Google (думаю, ему можно доверять в этом плане). Корпорация добра дает следующие характеристики описанных выше методов...
Итак, для подключения файла стилей у нас есть 2 способа:
<link rel="stylesheet" type="text/css" href="styles.css" />Или же внутри самого файла стилей через директиву @import
@import url('style.css'); Первый способ лучше для скорости загрузки и оптимизации сайта, так как в этом случае работает параллельная загрузка файлов.
Во втором же случае подключения через @import, пока данный файл стилей не будет полностью загружен, браузер не может выполнять более быструю параллельную загрузку.
Если у вас несколько файлов стилей, самый лучший вариант объединить их все в один и пройтись компактером, который убьет все пробелы, последние закрывающие точка-запятые и переносы строк.
Если же не получится, то загружайте их параллельно:
<link rel="stylesheet" href="style_1.css" />
<link rel="stylesheet" href="style_2.css" />
<link rel="stylesheet" href="style_3.css" />
