Utilité des framework javascript ?

Bonjour,

Je suis développeur back-end et ayant l'habitude de générer du contenu avec des templates, j'ai du mal à cerner l'utilité des frameworks JavaScript aujourd'hui.

Je vois d'ailleurs que des inconvénients :
- pages plus lourdes à charger car on charge une page HTML puis du contenu au format JSON ou XML ou autre
- qu'en est-il du référencement ? si le contenu est chargé dynamiquement en JS, le référencement continue-t-il de fonctionner ?
- les ressources utilisées par le navigateur (RAM + CPU) sont plus importantes que des pages statiques
- avec les news de NPM vérolés, je suis méfiant vis à vis de ce langage. De plus, quand je vois plus de 15000 fichiers JS pour un projet je me demande ce qu'est ce bordel !

En revanche je vois plus une utilité à utiliser 2-3 bibliothèques dont lazy loading avec https://github.com/mfranzke/loading-attribute-polyfill

Pour ce qui est de l'AJAX, je vais écrire ma fonction en vanilla JS dans un fichier séparé et traiter dans la page le résultat (création/suppression des éléments du DOM).

Pouvez-vous m'éclairer ?
Sur quel genre de projets est-ce nécessaire ? quelle taille ?
N'est-ce pas incompatible avec le système de template sur le back-end ?

je n'ai pas asser de recule pour donner mon avis sur les frameworks, mais pour ce qui est du lazy load, il existe maintenant du lazyload natif developer.mozilla.org/fr/docs/Web/Performance/Lazy_loading et pour ce qui est de l'ajax, il existe fetch developer.mozilla.org/fr/docs/Web/API/Fetch_API/Using_Fetch
=> il est de moins en moins necessaire d'utiliser des libs (sauf pour des trucs vraiment specifiques)