Количество файлов CSS и JS

[Eserador 406]

Всем привет!

Как Вы считаете, насколько влияет количество подгружаемых на странице файлов CSS и JavaScript на продвижение сайта?
На страницах сайта порядка 15 CSS и 45 JS.

 

Интересно еще насколько это влияние велико (не самой скорости загрузки, а манипуляций с ЦСС и Ява файлами).
Так как сейчас скорость загрузки, по сути, держится в пределах 0,3 - 0,7 сек.

 

Если скомпонировать эти файлы в 2-5 (ЦСС), 5-10 (Ява) файла, то не станут ли они дольше грузится? И в итоге, возможно, толку от действий не будет.

З.Ы. Не применяя сжатие самих файлов.

 

З.З.Ы. https://developers.google.com/speed/pagespeed/insights/знакомо. Однако, интересует наглядное влияние.

 

Спасибо!

[LetSevI 322]

В итоге браузер все равно их склеивает в файл. Поэтому лучше, когда 1 css и 1 js (сжатые). Если не хотите портить исходники, склеивайте и сжимайте на сервере перед передачей пользователю.

Хорошая статья о том, как браузер отрисовывает  сайт. Там все эти моменты как раз и указаны.

[4X_Pro 6]

Дольше -- очень маловероятно. Дело в том, что каждое обращение к отдельному файлу -- это еще и передача и прием HTTP-заголовков, которые дают обычно около 1K лишнего траффика на запрос (не говоря уж о том, что сервер выдает один большой файл быстрее за счет того, что для этого нужна всего одна операция открытия и чтения файла, а не 15, которые к тому же могут быть разбросаны по всему диску). Поэтому CSS объединять надо.

С JavaScript не все так однозначно, там важнее не столько объединить файлы, сколько сделать асинхронную загрузку, то есть сначала отображается страница сайта, потом догружаются JavaScript (тут может очень хорошо помочь скрипт под названием head.js).

[Krustuna 239]

Смотря какая ситуация с сайтом.
1. Либо ты работаешь на одной из условно-бесплатных CMS, то будешь трудиться над уже готовым шаблоном, с кучей разных css и js файлов. Их как раз будет по 8 - 15 как css, так и js. Ничего в таком случае делать не надо, шаблон грузится медленно за счет множества других факторов.

2. А если ты верстаешь свой сайт на с нуля в html и php, то можно делать столько css, сколько необходимо для собственной быстрой работы над сайтом. В среднем, у меня на сайте от 3х до 7 css файлов подключено.

[Eserador 406]

Спасибо!)

4X_Pro, сегодня как раз наткнулся на Ваш пост на форуме sbup почти 2-хлетней давности))

 

У нас тут спор образовался. Вели дискуссии по поводу оптимизации своих проектов, почему конкуренты выше, что у нас не так.
Вот одним из показателей было кол-во файлов цсс и явы (не самым главным, однако, также имеет свое место тут).
Говорю: "У нас много css и js файлов. По сравнению с конкурентами - в разы. Полагаю, что уменьшение кол-ва файлов улучшит ситуацию в выдаче в итоге." (За счет скорости загрузки).

Данный тезис подвергся критике в плане: "Та ни фига, программисты говорят, что это почти ничего не даст (0,001 сек - не помню точно сколько было сказано, но, полагаю, где-то так)".
Далее уже последовало обоснование, цитирую:

К примеру если говорим о скорости тот тут обсолютно наоборот, скрипт дёргает файл в котором нужный параметр находится на 5й позиции в 50 строках - это быстрои файлик дёргнулся и закешировался, а теперь представьте мы объединим всё в один файл, в итоге файлов было 5 по 50 строк, а стал один в 250 строк. Кешируя такой файл система всёравно обращается к нему и работает в один поток тоесть на страничке нужно будет выполнить 5 скриптов и каждый ждёт своей очереди чтоб сначала выполнился один, потом второй и т.д. а если у нас 5ть файлов то система работает в 5 потоков!!! и все скрипты не ждут выполнения друг друга, тоже касается и в случае css!!!

 

И вот, что же все таки верно, насколько это весомо?..

 

 

Смотря какая ситуация с сайтом.
1. Либо ты работаешь на одной из условно-бесплатных CMS, то будешь трудиться над уже готовым шаблоном, с кучей разных css и js файлов. Их как раз будет по 8 - 15 как css, так и js. Ничего в таком случае делать не надо, шаблон грузится медленно за счет множества других факторов.

2. А если ты верстаешь свой сайт на с нуля в html и php, то можно делать столько css, сколько необходимо для собственной быстрой работы над сайтом. В среднем, у меня на сайте от 3х до 7 css файлов подключено.

Любую CMS можно перепилить, также как и дизайн.

У нас стоит перелопаченый Опенкарт со своим дизайном.

[4X_Pro 6]

 

 

Данный тезис подвергся критике в плане: "Та ни фига, программисты говорят, что это почти ничего не даст (0,001 сек - не помню точно сколько было сказано, но, полагаю, где-то так)".

Вообще-то есть ограничение на количество одновременных подключений к сайту (у большинства современных броузеров по умолчанию оно равно 8). Соответственно, если у нас 15 CSS, то одновременно качаются в лучшем случае 8 штук, а остальные 7 — в очереди. А вообще, советую посмотреть процесс загрузки сайта с помощью вот этого сервиса: WebPageTest, он дает четкую диаграмму что после чего и в каком порядке загружается, и сколько реально на это уходит времени. 

[alekseykk 52]

а зачем пользователю выгружать все стили и все скрипты сайта, если он только зашел на сайт? это дополнительная нагрузка на ваш сервер, а если тысячи посетителей заходит и всем им вы выгружаете стили и js всего сайта, и админки...и тех страниц, мест, куда они возможно даже не зайдут? 

 

Разбейте сайт на несколько частей, к примеру -1. главная,страницы новостей, категории .2 админка. 3 те части сайта, куда реже всего заползают...

 

И все, у вас будет 3 css и сколько то там, объединенных по группам или смыслу js...

 

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

[Eserador 406]

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

Напрямую - нет, не влияют. Однако, влияют на скорость загрузки. Гугл положительно относится к сайтам, которые быстро грузятся.

Спасибо!

[desg 55]

Я согласен с alekseykk

Он все правильно говорит, на счет разброса скриптов и стилей по страницам.

 

Как пример возьмите сайт кинопоиск, если посмотреть его исходный код, в шапке есть счетчики статистики, хотя сам гугл не рекомендует их туда ставить.

 

Здесь все зависит от Вас, если Вы хотите передать пользователю суть сайта, тогда такое количество скриптов просто не зачем. Но судя по всему Ваш сайт подходит под интернет магазин или делал его тот человек который совсем не разбирается в css и java.

 

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