


link @import. Оптимизация CSS-структуры. Оптимизация структуры веб-страниц
@import @import
link @import
link с @import
Блоки link с @import
Много @import
link link
Упрощаем CSS-селекторы
В следующем примере используется тег link для загрузки a.css и @import для b.css:
<link rel='stylesheet' type='text/css' href='a.css'/>
<style type='text/css'>
@import url('b.css');
</style>
В IE (тестировалось в 6, 7 и 8), это привело к тому, что файлы загружаются последовательно друг за другом, как показано на рис. 5.2. Соотвественно, время загрузки страницы в IE увеличится.

Рис. 5.2. @import блокирует link в IE. Источник getincss.ru