link link. Оптимизация CSS-структуры. Оптимизация структуры веб-страниц
@import @import
link @import
link с @import
Блоки link с @import
Много @import
link link
Упрощаем CSS-селекторы
Проще и безопасней использовать <link> для загрузки стилей:
<link rel='stylesheet' type='text/css' href='a.css'>
<link rel='stylesheet' type='text/css' href='b.css'>
Использование <link> обеспечивает параллельную загрузку файлов во всех браузерах (см. рисунок 7). Применение <link> также гарантирует, что файлы будут загружены именно в том порядке, который указан в коде документа.
Рис. 5.7. Использование link. Источник getincss.ru
Для нас особенно плохо то, что ресурсы могут быть загружены в другом порядке, нежели указано в документе. Все браузеры должны заглядывать наперед перед загрузкой стилей для извлечения правил @import и начинать их загрузку немедленно. До тех пор, пока браузеры не реализуют это, стоит избегать использования @import и загружать стили только с помощью <link>.