Много @import. Оптимизация CSS-структуры. Оптимизация структуры веб-страниц
@import @import
link @import
link с @import
Блоки link с @import
Много @import
link link
Упрощаем CSS-селекторы
Использование сразу нескольких правил @import в IE приводит к тому, что файлы загружаются не в том порядке, в котором они указаны в коде. В этом примере используется 6 файлов стилей (каждый из которых загружается по 2 секунды), за которыми следует JS скрипт (4 секунды для загрузки).
<style type='text/css'> @import url('a.css');
@import url('b.css');
@import url('c.css');
@import url('d.css');
@import url('e.css');
@import url('f.css');
</style>
<script src='one.js' type='text/javascript'></script>
На рис. 5. 6 мы увидим, что самый долгий по загрузке – это скрипт. Несмотря на то, что он указан после стилей, в IE он загружается первым. Если в скрипте содержится код, который зависит от применяемых стилей (getElementsByClassName, и т.п.), это может привести к ошибкам работы скрипта, так как он загружается прежде чем стили.
Рис. 5.6. Много @import. Источник getincss.ru