Различные страницы моего сайта имеют различные потребности js (плагины главным образом), некоторая потребность лайтбокс, некоторые не делают, некоторая потребность кольцевая галерея, некоторые не делают и т.д.
Относительно pageloading скорости должен я
опция 1 - ссылка каждый js файл, когда это необходимо:
таким образом, одна страница могла бы иметь:
<script type="text/javascript" src="js/carousel/scrollable.js"></script>
<script type="text/javascript" src="js/jquery.easydrag.js"></script>
<script type="text/javascript" src="js/colorbox/jquery.colorbox-min.js"></script>
и другой имеет:
<script type="text/javascript" src="st_wd_assets/js/carousel/scrollable.js"></script>
<script type="text/javascript" src="st_wd_assets/js/typewatch.js"></script>
опция 2 - объединение и сжатие в один site_wide.js файл:
таким образом, каждая страница сослалась бы:
<script type="text/javascript" src="js/site_wide.js"></script>
были бы неиспользованные слушатели селекторов/события, хотя, как плохо это? Я включал бы любые сменные примечания/аккредитации наверху site_wide.js файла
Обычно лучше всего объединить их и предоставлять один файл, который вы устанавливаете в заголовках кэша так, чтобы клиент хранил его, а не запрашивал каждую страницу. Помните, что если селектор jQuery ничего не находит, он ничего не делает, так что это не имеет большого значения, пока вы используете хорошую часть вашего скрипта на каждой странице, это просто прекрасно, что у него есть селекторы без совпадений.
Убедитесь, что он кэшируется клиентом, однако, иначе вся ваша работа будет напрасной. Также убедитесь в том, что он передается минифицированным и gzipped. И последнее, рассмотрите возможность размещения ваших основных библиотек в CDN.
Объедините их в один большой и минифицированный внешний файл и включите его в каждую страницу. После первой загрузки страницы браузер будет кэшировать его, так что пользователь загрузит его только один раз.