Master-X
Форум | Новости | Статьи
Главная » Форум » CJs » 
Тема: CSS- вставлять в html и выносить в файл?
цитата
22/08/09 в 23:06
 El Nino
вроде как бы рекомендуют в файл все вынести, и с точки зрения SE и кешируется
но есть вероятность что страница до прогрузки CSS файла не откроется
попробовал вынести - прода упала на 30%
тестирую 3-4 часа уже, если к утру не поднимется - верну обратно в тело документа

кто как делает?
цитата
22/08/09 в 23:12
 Woland
У меня всегда было в файле
цитата
22/08/09 в 23:32
 Leka
очень простой принцип: если CSS-код используется один раз - можно в html засунуть. Если на нескольких страницах или 1 общий CSS для целого движка с шаблонами - однозначно выносить
цитата
22/08/09 в 23:35
 Woland
Цитата:
вероятность что страница до прогрузки CSS файла не откроется
по ходу если нормально свёрстано - она откроется, просто вид у неё может быть не совсем "товарный" до прогрузки файла со стилями ... Считаю этот довод не существенным - жители Замбии (только в этой стране прогрузка файла, расположенного в head занимает заметное время) подрочат и без стилей icon_smile.gif
цитата
22/08/09 в 23:53
 10pa
Ну для сиджа таблица стилей не большая обычно.. можно и в Голове
а если она объёмная - то лучше в файл.
Для поисковиков вроде тоже полезно.. Ведь не весь ХТМЛ индексируется, а некоторая часть сначала.. Если я не ошибаюсь
Насчёт прогрузится или нет .. можно сразу после тега BODY вставить невидимый слой и в нём подгрузить цсс файл, да и все картинки оформления.. Тогда точно первыми загрузятся
цитата
23/08/09 в 00:03
 El Nino
спасибо за инфу
но вроде прода пошла на поправку
цитата
23/08/09 в 00:33
 INTELigent
Всегда в отдельном файле и никаких проблем. icon_wink.gif
цитата
23/08/09 в 06:35
 miroz
Не думаю, что из-за выноса CSS в файл прода может упать на 30%, это скорее просто колебания.
цитата
23/08/09 в 10:03
 harvester
Тоже в отдельном файле, ни разу не замечал, чтобы хоть какая то задержка в загрузке была...
цитата
23/08/09 в 10:12
 Petek
а какая разница, что в отдельном, что в head, весит то одинаково
цитата
23/08/09 в 13:03
 Урзак
всегда выношу в отдельный файл.
W3C
14.3 External style sheets

Authors may separate style sheets from HTML documents. This offers several benefits:

* Authors and Web site managers may share style sheets across a number of documents (and sites).
* Authors may change the style sheet without requiring modifications to the document.
* User agents may load style sheets selectively (based on media descriptions).
цитата
23/08/09 в 13:05
 El Nino
весит то одинаково
с точки зрения SE это конечно правильнее
меньше кода, больше плотность ключевых слов
это как верстка слоями, чем меньше кода тем поисковикам больше нравится
цитата
23/08/09 в 13:07
 Uncle Joe
уже года полтора как выношу в файлы. раньше держал в голове. никакой разницы - код опрятнее.
цитата
23/08/09 в 14:42
 usanatol
Если по уму то отдельныйм файл это отдельный запрос на сервер отдельный процесс соответственно дополнительная нагрузка. Поэтому логически все в один файл. Если стоит nginx то другой вопрос.
Хотя по стандартам и по правилам если еще он дополнительно используется на других страницах то в отдельный.
цитата
23/08/09 в 17:40
 Wskeal
10pa писал:
Ну для сиджа таблица стилей не большая обычно.. можно и в Голове
а если она объёмная - то лучше в файл.
Для поисковиков вроде тоже полезно.. Ведь не весь ХТМЛ индексируется, а некоторая часть сначала.. Если я не ошибаюсь
Насчёт прогрузится или нет .. можно сразу после тега BODY вставить невидимый слой и в нём подгрузить цсс файл, да и все картинки оформления.. Тогда точно первыми загрузятся


А как это невидимый слой вставить? Что за невидимый слой?)
цитата
24/08/09 в 02:06
 10pa
Да куча ж инфы в нете
<div style= "visibility: hidden;"><img src=elnino.css> + картинки диза</div>

чёт типа такого
цитата
24/08/09 в 02:24
 SAV
Leka писал:
очень простой принцип: если CSS-код используется один раз - можно в html засунуть. Если на нескольких страницах или 1 общий CSS для целого движка с шаблонами - однозначно выносить

+1
и проще редактировать один код в одном месте для многих паг
цитата
24/08/09 в 22:02
 megreep
10pa писал:
Да куча ж инфы в нете
<div style= "visibility: hidden;"><img src=elnino.css> + картинки диза</div>
чёт типа такого

лучше display: none; - IE вплоть до 7 версии частично поддерживает visibility. Когда используется visibility IE хоть и не отображает элемент, но резервирует место под него на страничке, на практике может вызвать неприятные сдвиги соседних элементов. Хотя в FF и Опере такого не наблюдается.
цитата
24/08/09 в 22:09
 Wskeal
Уже порылся в интернете. Сделал с display none;

Теперь все подружаю как следует, по человечески) А то бэкграунды в последнюю очередь отображались. Спасибо за hint)
цитата
24/08/09 в 22:10
 megreep
icon_biggrin.gif
цитата
25/08/09 в 09:28
 CitRUS
в файл эстетичнее
цитата
25/08/09 в 09:38
 Weasel


и практичнее.. туда можно запрятать всякого чего гугель не любит. внешние файлы стилей он, по слухам, еще не проверяет на вшивость
icon_mad.gif
цитата
25/08/09 в 22:03
 L.Estel
сначала грузиться css потом страница (браузер всегда прерывает)
Едиственно + это бэндвич для неуников icon_smile.gif

Хотя подсказка если тестировать сидж у холдеров (есть там такая функция) то нужно стили в основном html держать, т.к их бот забывает файл css вытягивать... icon_smile.gif В результате при тесте - сайт выглядит криво
цитата
26/08/09 в 04:02
 idk2045
а еще вынесенный css можно gzip'нутым отдавать.
хотя может и хтмл главный можно.
цитата
26/08/09 в 08:42
 x123p
Я за вынос CSS из HTML. Во первых мне так нравиться ибо код более чистый и опрятный, а во вторых теоретически наверное должен быстрее сайт грузиться ибо большинство браузеров юзают многопоточную прогрузку контента icon_smile.gif Хотя помним что многопоточная прогрузка контента вызывает дополнительные нагрузки на сервер, но мы то тут работаем для удовлетворения пользователей наших сайтов и на Мыле не экономим icon_smile.gif
Стр. 1, 2  >  последняя »


Эта страница в полной версии