Stocker du javascript spécifique à une page sur un site piloté par AJAX ?

Question

J'ai une question générale sur le placement du code javascript dans une application Web pilotée par AJAX.Lors d'un travail précédent, nous avions tendance à tout regrouper dans un seul fichier monolithique.Lorsque la maintenance de ce fichier est devenue trop difficile, nous l'avons divisé en plusieurs fichiers plus petits et les avons "collés" ensemble avec un "chargeur" ​​php (à peu près juste un tas d'instructions d'inclusion)

Étant donné que toutes mes pages sont chargées dynamiquement via AJAX, je ne peux pas simplement appeler différents fichiers séparément par page.

L'inconvénient évident de cette méthode est que tout votre javascript est chargé par l'utilisateur final, même s'il n'est pas requis lors du chargement de la première page.(Ce qui aggrave le problème, plus vous avez de pages)

Pour contourner ce problème, j'ai commencé à mettre du javascript spécifique à la page sur la page modèle elle-même, dans un <script> balise en bas, qui fonctionne comme prévu.Seul le javascript que je veux est chargé.

Cependant, je ne sais pas si cette pratique est taboue ou s'il existe de meilleures stratégies pour charger mon javascript.J'ai le sentiment que mélanger mon modèle avec mon code scripté est une recette pour le désastre.