Ваша попытка оптимизировать браузер противоречит вашему постраничному поведению. Я бы не совал все это в один файл js. Подумайте о ремонтопригодности, модульности.
Вы можете поместить общий / общий код в один файл js и включить его на всех страницах. Браузер все еще будет кешировать все, ему просто нужно будет сделать дополнительный запрос, только чтобы проверить, был ли он изменен с момента его последней загрузки. Но по крайней мере ваше здравомыслие все еще будет под контролем.
Но в любом случае вот ответ:
Страница 1:
<body id="page1">...</body>
Страница 2:
<body id="page2">...</body>
и т.д.. Теперь в monster.js, когда вы привязываете свое поведение к странице 1:
$(document).ready(function() {
if(this.body.id != 'page1')
return;
// proceed as before
})
То же самое для раздела, связывающего поведение с элементами страницы 2:
$(document).ready(function() {
if(this.body.id != 'page2')
return;
// proceed as before
})
и т.д.