Комментарии на: Не используйте @import

От: Сергей Чикуенок

Сергей Чикуенок — Tue, 15 Feb 2011 20:40:56 +0000

От: Александр Качкаев

Александр Качкаев — Tue, 15 Feb 2011 20:36:07 +0000

Сергей, два года назад в комментарии вы писали, что у вас всё не доходят руки написать о замене @import на содержимое css-файлов с помощью Ant (http://chikuyonok.ru/2009/04/dont-use-import/#comment-284)

Может быть сейчас можете? Решения в Интернете пока что не освещено

От: dr.kos

dr.kos — Fri, 18 Dec 2009 09:43:16 +0000

Вот я люблю подключать 1 файл стилей через линк, а в него импортами включать несколько дополнительных через импорт, это тоже медленно будет работать?

От: Сергей Чикуенок

Сергей Чикуенок — Thu, 09 Apr 2009 16:22:53 +0000

грузится яваскрипт (который последний), и ОДНОВРЕМЕННО с ним первый файл из импорта.

Так в этом вся и проблема. Особенно если этот скрипт начнет обращаться к элементам дерева документа и брать, например, их размеры.

В jQuery 1.3, например, в несколько раз увеличили точность срабатывания события onDOMLoad. И сделали они это именно за счет того, что перестали проверять, доступны ли все CSS-файлы на странице. Побочный эффект — все CSS-файлы должны быть объявлены до того, как будет объявлен первый скрипт (и это правильно, иначе могут быть проблемы у Safari). Если же подключать CSS с помощью импортов, то, полагаю, будут проблемы в IE.

Ну и потом, все же это примеры притянутые – показано, не что импорт использовать не нужно, а не нужно его использовать “криво”.

А какой способ не является «кривым»: тот, который ломает параллельную загрузку или тот, из-за которого файлы грузятся в неправильном порядке?

От: denisx

denisx — Thu, 09 Apr 2009 15:51:08 +0000

а ещё не используйте * для больших корневых элементов

От: by

by — Thu, 09 Apr 2009 15:39:12 +0000

Ну так смотрим приведенный пример под заголовком many @imports (фигура 6): грузится яваскрипт (который последний), и ОДНОВРЕМЕННО с ним первый файл из импорта. Потом, как только яваскрипт загрузился и освободился поток – грузится след. импорт и т. д.

Подозреваю, что с линками будет тоже самое – будут цсски грузиться по 2 файла, только яваскрипт последним будет.

Ну и потом, все же это примеры притянутые – показано, не что импорт использовать не нужно, а не нужно его использовать “криво”.

П. С. А может просто переводы в наших головах разные?

От: Сергей Чикуенок

Сергей Чикуенок — Thu, 09 Apr 2009 13:29:13 +0000

проблема не в импорте, а в том, что браузер не собирается грузить более двух внешних файлов одновременно

Как раз @import стал причиной того, что браузер не грузит 2 файла параллельно. И даже названа причина: сначала браузер грузит весь файл, потом парсит его и находит импорт.

пример с шестью импортами одновременно – приведен, а для шести линков нет – почему?

Чтобы показать …using @import in IE causes resources to be downloaded in a different order than specified когда example has six stylesheets followed by a script. Очевидно, что для линков таких проблем нет.

Вывод?

От: by

by — Thu, 09 Apr 2009 13:10:52 +0000

Статья плохая. Судя по приведенным автором примерам проблема не в импорте, а:
1) в том, что браузер не собирается грузить более двух внешних файлов одновременно
2) пример с шестью импортами одновременно – приведен, а для шести линков нет – почему?

Вывод: тема не раскрыта, исследование некорректно.

От: Сергей Чикуенок

Сергей Чикуенок — Thu, 09 Apr 2009 11:59:26 +0000

По-хорошему, при выкладке на продакшен все импорты должны заменяться на их содержимое.

Угу. У меня все руки не доходят в техногрете написать вторую часть про использование Ant и поделиться своим решением для объединения CSS-файлов.

От: alpha

alpha — Thu, 09 Apr 2009 11:47:09 +0000

По-хорошему, при выкладке на продакшен все импорты должны заменяться на их содержимое.