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

Автор: Александр

Александр — Thu, 15 Apr 2010 06:51:41 +0000

В ярушечке используется подход верстки “независимыми блоками”, описанный Чикуенком, очень удобный подход. для ие используется условные операторы, которые, действительно подключают скрипт, заменяющий @import на линк, или подключают отдельный css, который собирается спец для ие, для других же браузеров оставляют @import. Разбивают проект на папки, в каждой папке лежит верстка одного блока, в каждой такой папке есть и html, который всегда можно поправить отдельно в ней же.

Автор: sshp

sshp — Fri, 07 Aug 2009 15:07:21 +0000

Они предпочитают @import из за того, что LINK делает лишние http запросы

И @import тоже делает, иначе никак.

@imports позволяет грузить файлы стилей параллельно, не препятствуя отрисовке странички и это есть главное его преимущество.

На Yahoo Developer Network писали, что @import препятствует прогрессивному рендерингу страницы в IE. In IE @import behaves the same as using at the bottom of the page, so it's best not to use it. ... These browsers block rendering to avoid having to redraw elements of the page if their styles change.

У меня например 5 файлов стилей прибито почти всегда. Обычный, для IE, версии для печати, для визуального редактора (в CMS MODx), Иногда предпочитаю вынести отдельный файл стилей для IE7.

Множество отдельных файлов повышают нагрузку на сервер из-за дополнительных HTTP-запросов. Может быть тебе будет полезно объединить, например, Обычный и версии для печати, если они оба появляются на всех страницах. Я думаю, разделять можно, если какая-то часть CSS-правил относится только к отдельному разделу ? чтобы не загружать лишние правила, если посетитель даже не зашёл в этот раздел. Хотя HTTP 1.1 имеет директиву Keep-Alive, благодаря которой открывается только одно TCP/IP-соединение для всех файлов... Но все почему-то всё равно гонятся за снижением обращений к серверу.. (все эти CSS-Sprites или даже base64-кодирование изображений..) Никто не знает, почему, а?

Автор: almaz

almaz — Mon, 27 Jul 2009 10:04:10 +0000

Спасибо, опробую метод, хотя, честно говоря у меня и с импортом проблем не было никогда. В смысле, что даже на ИЕ этого особо не заметно при загрузке на слабых каналах.

Автор: Блог для вебмастеров

Блог для вебмастеров — Mon, 27 Jul 2009 09:38:18 +0000

@almaz,
Смешивать LINK и @import, а тем более если есть скрипты – точно не стоит. Подгружайте через LINK и проблем не будет и в IE тоже.

Автор: almaz

almaz — Mon, 27 Jul 2009 09:33:04 +0000

Логично. Я просто спрашиваю мнения, т.к. вот есть проект на 70 страниц. Грузить я так понимаю через линк потом нужное в каждой странице? А то с импортом непонятно до конца. То пишут, что он параллельно грузится, то последовательно. А Если ИЕ для этого дела брать, то он вообще больше 2-х запросов ведь не обрабатывает, так что ему должно быть пофигу как грузить стили. Нет?