Реклама на сайте Advertise with us

CSS- вставлять в html и выносить в файл?

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 23.05.09
Сообщения: 739
Рейтинг: 365

Ссылка на сообщениеДобавлено: 22/08/09 в 23:06       Ответить с цитатойцитата 

вроде как бы рекомендуют в файл все вынести, и с точки зрения SE и кешируется
но есть вероятность что страница до прогрузки CSS файла не откроется
попробовал вынести - прода упала на 30%
тестирую 3-4 часа уже, если к утру не поднимется - верну обратно в тело документа

кто как делает?

0
 

Soul's Buyer

С нами с 16.11.05
Сообщения: 12702
Рейтинг: 10740


Передовик Master-X (16.10.2008) Передовик Master-X (01.11.2008) Передовик Master-X (16.11.2008) Передовик Master-X (01.12.2008) Передовик Master-X (16.12.2008) Ветеран трепа Master-X (01.01.2009)
Ссылка на сообщениеДобавлено: 22/08/09 в 23:12       Ответить с цитатойцитата 

У меня всегда было в файле

Cdn быстро, надёжно и недорого!

0
 



С нами с 30.10.06
Сообщения: 242
Рейтинг: 248

Ссылка на сообщениеДобавлено: 22/08/09 в 23:32       Ответить с цитатойцитата 

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

3
 

Soul's Buyer

С нами с 16.11.05
Сообщения: 12702
Рейтинг: 10740


Передовик Master-X (16.10.2008) Передовик Master-X (01.11.2008) Передовик Master-X (16.11.2008) Передовик Master-X (01.12.2008) Передовик Master-X (16.12.2008) Ветеран трепа Master-X (01.01.2009)
Ссылка на сообщениеДобавлено: 22/08/09 в 23:35       Ответить с цитатойцитата 

Цитата:
вероятность что страница до прогрузки CSS файла не откроется
по ходу если нормально свёрстано - она откроется, просто вид у неё может быть не совсем "товарный" до прогрузки файла со стилями ... Считаю этот довод не существенным - жители Замбии (только в этой стране прогрузка файла, расположенного в head занимает заметное время) подрочат и без стилей icon_smile.gif

Cdn быстро, надёжно и недорого!

3
 



С нами с 04.01.04
Сообщения: 89
Рейтинг: 42

Ссылка на сообщениеДобавлено: 22/08/09 в 23:53       Ответить с цитатойцитата 

Ну для сиджа таблица стилей не большая обычно.. можно и в Голове
а если она объёмная - то лучше в файл.
Для поисковиков вроде тоже полезно.. Ведь не весь ХТМЛ индексируется, а некоторая часть сначала.. Если я не ошибаюсь
Насчёт прогрузится или нет .. можно сразу после тега BODY вставить невидимый слой и в нём подгрузить цсс файл, да и все картинки оформления.. Тогда точно первыми загрузятся

3
 



С нами с 23.05.09
Сообщения: 739
Рейтинг: 365

Ссылка на сообщениеДобавлено: 23/08/09 в 00:03       Ответить с цитатойцитата 

спасибо за инфу
но вроде прода пошла на поправку

0
 

Денежных дел мастер

С нами с 03.10.04
Сообщения: 2573
Рейтинг: 1436

Ссылка на сообщениеДобавлено: 23/08/09 в 00:33       Ответить с цитатойцитата 

Всегда в отдельном файле и никаких проблем. icon_wink.gif

0
 



С нами с 04.07.06
Сообщения: 4956
Рейтинг: 3016

Ссылка на сообщениеДобавлено: 23/08/09 в 06:35       Ответить с цитатойцитата 

Не думаю, что из-за выноса CSS в файл прода может упать на 30%, это скорее просто колебания.

0
 



С нами с 17.02.05
Сообщения: 3999
Рейтинг: 1952


Передовик Master-X (16.06.2007) Передовик Master-X (01.07.2007) Передовик Master-X (16.07.2007)
Ссылка на сообщениеДобавлено: 23/08/09 в 10:03       Ответить с цитатойцитата 

Тоже в отдельном файле, ни разу не замечал, чтобы хоть какая то задержка в загрузке была...

0
 

чоткий дезайнер

С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731

Ссылка на сообщениеДобавлено: 23/08/09 в 10:12       Ответить с цитатойцитата 

а какая разница, что в отдельном, что в head, весит то одинаково

0
 
+ + +


С нами с 03.08.09
Сообщения: 155
Рейтинг: 48

Ссылка на сообщениеДобавлено: 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).

0
 



С нами с 23.05.09
Сообщения: 739
Рейтинг: 365

Ссылка на сообщениеДобавлено: 23/08/09 в 13:05       Ответить с цитатойцитата 

весит то одинаково
с точки зрения SE это конечно правильнее
меньше кода, больше плотность ключевых слов
это как верстка слоями, чем меньше кода тем поисковикам больше нравится

0
 



С нами с 05.01.03
Сообщения: 1909
Рейтинг: 1663

Ссылка на сообщениеДобавлено: 23/08/09 в 13:07       Ответить с цитатойцитата 

уже года полтора как выношу в файлы. раньше держал в голове. никакой разницы - код опрятнее.

0
 



С нами с 10.10.05
Сообщения: 785
Рейтинг: 783

Ссылка на сообщениеДобавлено: 23/08/09 в 14:42       Ответить с цитатойцитата 

Если по уму то отдельныйм файл это отдельный запрос на сервер отдельный процесс соответственно дополнительная нагрузка. Поэтому логически все в один файл. Если стоит nginx то другой вопрос.
Хотя по стандартам и по правилам если еще он дополнительно используется на других страницах то в отдельный.

0
 



С нами с 14.07.08
Сообщения: 1599
Рейтинг: 2022


Передовик Master-X (01.04.2015)
Ссылка на сообщениеДобавлено: 23/08/09 в 17:40       Ответить с цитатойцитата 

10pa писал:
Ну для сиджа таблица стилей не большая обычно.. можно и в Голове
а если она объёмная - то лучше в файл.
Для поисковиков вроде тоже полезно.. Ведь не весь ХТМЛ индексируется, а некоторая часть сначала.. Если я не ошибаюсь
Насчёт прогрузится или нет .. можно сразу после тега BODY вставить невидимый слой и в нём подгрузить цсс файл, да и все картинки оформления.. Тогда точно первыми загрузятся


А как это невидимый слой вставить? Что за невидимый слой?)

Нужен подлив? Тебе сюда!

0
 



С нами с 04.01.04
Сообщения: 89
Рейтинг: 42

Ссылка на сообщениеДобавлено: 24/08/09 в 02:06       Ответить с цитатойцитата 

Да куча ж инфы в нете
<div style= "visibility: hidden;"><img src=elnino.css> + картинки диза</div>

чёт типа такого

0
 



С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760


Передовик Master-X (01.03.2005) Передовик Master-X (16.03.2005) Передовик Master-X (16.10.2016) Передовик Master-X (01.11.2016) Передовик Master-X (16.11.2016) Ветеран трепа Master-X (01.12.2016)
Ссылка на сообщениеДобавлено: 24/08/09 в 02:24       Ответить с цитатойцитата 

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

+1
и проще редактировать один код в одном месте для многих паг

0
 



С нами с 29.05.09
Сообщения: 466
Рейтинг: 231

Ссылка на сообщениеДобавлено: 24/08/09 в 22:02       Ответить с цитатойцитата 

10pa писал:
Да куча ж инфы в нете
<div style= "visibility: hidden;"><img src=elnino.css> + картинки диза</div>
чёт типа такого

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

Не завидуй, но добивайся сам. Расти, когда хочется умереть.

0
 



С нами с 14.07.08
Сообщения: 1599
Рейтинг: 2022


Передовик Master-X (01.04.2015)
Ссылка на сообщениеДобавлено: 24/08/09 в 22:09       Ответить с цитатойцитата 

Уже порылся в интернете. Сделал с display none;

Теперь все подружаю как следует, по человечески) А то бэкграунды в последнюю очередь отображались. Спасибо за hint)

Нужен подлив? Тебе сюда!

0
 



С нами с 29.05.09
Сообщения: 466
Рейтинг: 231

Ссылка на сообщениеДобавлено: 24/08/09 в 22:10       Ответить с цитатойцитата 

icon_biggrin.gif

Не завидуй, но добивайся сам. Расти, когда хочется умереть.

0
 

Выкупаю Pre-roll

С нами с 14.08.03
Сообщения: 2551
Рейтинг: 530

Ссылка на сообщениеДобавлено: 25/08/09 в 09:28       Ответить с цитатойцитата 

в файл эстетичнее

Выкупим VAST рекламу | Telegram: @limoncheg | Skype: citrussia

0
 



С нами с 28.11.05
Сообщения: 119
Рейтинг: 189

Ссылка на сообщениеДобавлено: 25/08/09 в 09:38       Ответить с цитатойцитата 



и практичнее.. туда можно запрятать всякого чего гугель не любит. внешние файлы стилей он, по слухам, еще не проверяет на вшивость
icon_mad.gif

Моя страничка Shaman. Трейд, АД споты, Споны - все там.. :)

0
 



С нами с 21.03.08
Сообщения: 720
Рейтинг: 1013

Ссылка на сообщениеДобавлено: 25/08/09 в 22:03       Ответить с цитатойцитата 

сначала грузиться css потом страница (браузер всегда прерывает)
Едиственно + это бэндвич для неуников icon_smile.gif

Хотя подсказка если тестировать сидж у холдеров (есть там такая функция) то нужно стили в основном html держать, т.к их бот забывает файл css вытягивать... icon_smile.gif В результате при тесте - сайт выглядит криво

0
 



С нами с 27.09.03
Сообщения: 5454
Рейтинг: 2506

Ссылка на сообщениеДобавлено: 26/08/09 в 04:02       Ответить с цитатойцитата 

а еще вынесенный css можно gzip'нутым отдавать.
хотя может и хтмл главный можно.

0
 



С нами с 19.05.08
Сообщения: 1894
Рейтинг: 3625


Передовик Master-X (16.06.2010) Передовик Master-X (01.07.2010) Передовик Master-X (16.07.2010) Передовик Master-X (16.05.2011) Передовик Master-X (01.07.2012) Ветеран трепа Master-X (16.07.2012)
Ссылка на сообщениеДобавлено: 26/08/09 в 08:42       Ответить с цитатойцитата 

Я за вынос CSS из HTML. Во первых мне так нравиться ибо код более чистый и опрятный, а во вторых теоретически наверное должен быстрее сайт грузиться ибо большинство браузеров юзают многопоточную прогрузку контента icon_smile.gif Хотя помним что многопоточная прогрузка контента вызывает дополнительные нагрузки на сервер, но мы то тут работаем для удовлетворения пользователей наших сайтов и на Мыле не экономим icon_smile.gif

(!)Внимание Ero Advertising дополнительный Еврики от продажи рекламы. Особенно попандеров и мобилок.

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »