Sign in to follow this  
Followers 0
Eserador

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

9 posts in this topic

Всем привет!

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

 

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

 

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

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

 

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

 

Спасибо!

Share this post


Link to post
Share on other sites

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

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

Eserador likes this

Share this post


Link to post
Share on other sites

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

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

Eserador and saskozp like this

Share this post


Link to post
Share on other sites

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

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

Eserador likes this

Share this post


Link to post
Share on other sites

Спасибо!)

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 можно перепилить, также как и дизайн.

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

Krustuna likes this

Share this post


Link to post
Share on other sites

 

 

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

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

Eserador likes this

Share this post


Link to post
Share on other sites

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

 

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

 

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

 

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

Eserador likes this

Share this post


Link to post
Share on other sites

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

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

Спасибо!

Share this post


Link to post
Share on other sites

Я согласен с alekseykk

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

 

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

 

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

 

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

Eserador likes this

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.