Реактивные веб-сайты Николай Мациевский Евгений ...

162РЕАКТИВНЫЕ ВЕБ-САЙТЫниже, это может привести к ошибке с JavaScript. Оба файла загружаютсяпараллельно (рис. 5.1) Но проблемы начинают появляться, если применять@import внутри файла стилей либо вместе с .5.2.3. @importВ следующем примере используется тег для загрузки a.css и@import для b.css:@import url('b.css');В IE (тестировалось в 6, 7 и 8) это привело к тому, что файлы загружаютсяпоследовательно друг за другом, как показано на рис. 5.2. Соответственно,время загрузки страницы в IE увеличится.Рис. 5.2. @import блокирует в IE. Источник: getincss.ru5.2.4. Ò @importТут файл a.css загружается через и содержит внутри правило@import для b.css:В документе:в a.css:@import url('b.css');Этот способ также приводит к тому, что файлы загружаются последовательно(рис. 5.3), а не параллельно, и теперь это происходит не тольков IE, но и в остальных браузерах. Если подумать — все логично: браузерзагружает a.css и начинает анализировать его. Как только внутри обнаруженоправило @import, начинается загрузка файла b.css.