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