Влияет ли на загрузку страницы количество внешних файлов CSS/JS?

Question

[Jsus Phptos]

у меня есть какое то количество внешних файлов например их 10 JS и 10 CSS каждый относится к какому то из модулей из которых я собираю сайт
вопрос в том есть ли смысл объединить все модули в один css/js файл повлияет ли это положительно на скорость загрузки страницы

опыт сын ошибок трудных...

Answer 1

[Ильдар Гизетдинов]

Влияет и сильно.

1. Если у тебя 2 файла, то да, врятли ты увидишь прирост
2. Браузер использует 6 потоков загрузки данных, то есть если у тебя на странице 100 картинок, 20 скриптов и 20 стилей, они будут загружены в 24 захода (если считать в общем).
3. Каждое новое подключение, будь то загрузка стиля, скрипта, шрифта, картинки это новое подключение к серверу (если подключение к серверу идет 50мс, то каждый файл будет загружен в лучшем случае за 70мс).

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

Comments

[Jsus Phptos]

спасибо чувак

[Orbb]

А что скажете - css и js лучше вообще выгружать в тело страницы для быстрой загрузки?
Или использовать привычный канон?

Я это давно еще заметил, что в теле документа все тащить выходит быстрее, но как-то получается все в куче. Только если на рабочем проекте так делать.

[Ильдар Гизетдинов]

Руслан: если вы гонитесь за каждой миллисекундой загрузки, да, лучше выгружать в теле (естественно на проде, смысла делать это локально просто нет). Но как правило это практикуется на ресурсах для которых скорость загрузки очень критична (гугл можно взять как пример)

Answer 2

[iBird Rose]

влияет.
1) если файлы небольшие, то да. объеденение и минификация в один файл - будет хорошиv действием.
2) если же где то подключается большой css/js файл. для целого приложения к примеру. то его вообще лучше убрать со всех страниц и подключать только на той странице где он нужен.

Comments

[Jsus Phptos]

можешь сайт посмотреть может знаешь в чем проблема как то слишком тормозит