Navigation dynamique avec Ajax, bonnes pratiques pour inclure le CSS/JS ?

Bonjour à tous,

Je développe mon premier site en Ajax afin de modifier dynamiquement une partie du contenu de la page principale. Je possède donc un fichier HTML principal dans lequel j'intègre un autre fichier HTML en fonction de la requête de l'utilisateur.
Ma question est: Quelle est la bonne pratique pour inclure les feuilles de style et le JS propre à ce contenu HTML ?

J'ai pensé à plusieurs solutions mais je ne connais la bonne méthode:

1 - Intégrer toutes les feuilles de styles et JS dans le document HTML principal (problème: le serveur charge toutes les feuilles du site ensemble au premier appel)
2 - Ajouter une balise <link> dans chaque fichier HTML visant à être inclus (problème: duplication des balises link et script avec celles du HTML principal)
3 - Charger dynamiquement le CSS et le JS en même temps que le contenu HTML

Existe-t-il une meilleur méthode ? Merci, j'ai besoin de vos lumières :)