Что лучше: тег style или отдельный файл?

Question

[SKRSKR]

Занялся оптимизацией сайта, и думаю что лучше:
Сжать весь CSS код, и поместить в <style> </style> или в отдельный CSS файл? Что быстрее?

Answer 1

[eqcodes]

1. Сжать код.
2. Оптимизировать код, опционально.
3. Все второстепенные стили (не влияющие на основной/первоначальный вид страницы) вынести в отдельный файл и загружать его в последнюю очередь.

Answer 2

[Rou1997]

Внутристраничный тэг <style> сам по себе быстрее так как вместо двух пакетов будет один, но зато отдельный файл может кешироваться, точный ответ дать не могу, не проверял кеширование, заметной разницы не будет если файл весит до нескольких килобайт.

Comments

[SKRSKR]

мой файл css весит почти 14 мб и с сжатием 9мб

[Rou1997]

SKRSKR: Слишком большой в любом случае, разбейте на части.

[Алексей Уколов]

Если у вас 14 мб стилей, то "лучше" выкинуть этот сайт и сделать заново нормально. Серьёзно, 14 мегабайт - это очень-очень-очень-очень-очень-очень-очень-очень-очень-очень-очень-очень-очень-очень много.

[Алексей Уколов]

Но отвечая всё-таки на поставленный вопрос: в данных условиях отдельный файл будет гораздо лучше, потому что пользователь сможет закешировать этот ужас и не грузить его при каждом запросе. Заинлайнив эти стили вы, фактически, увеличите размер каждой страницы на 14 мегабайт.

[axblue]

14мб, вы чтооо. Я бы на вашем месте пересмотрел бы предложения по переделки сайта. Мне очень интересно было бы посмотреть на этот файл, я даже не могу представить что таааам...)

[Григорий]

SKRSKR: 14 мб текста. КАК?!

[Kovalsky]

SKRSKR: а можете показать файлик?

[Rou1997]

Никита Полевой: +1, небезыинтересно!

[Sn0wSky]

Григорий: да он туда напихал изображений в base64 скорее всего

[SKRSKR]

Rou1997: ошибся, не МБ а Кб :D

Answer 3

[Hellarazor]

первую часть страницы, которая видна после загрузки - в тэг. Остальное через uncss в один файл

Answer 4

[Vkok]

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

В общем, если страниц больше чем одна - надо отдельный файл. Ну еще, есть вариант. если самого кода цсс не сильно много - то в принципе возможно и размещать на каждой странице <style> </style> - но это уже неудобно и странно