HTML + JS optimization and modular loading

Question

JavaScript

Hello! We are making one portal that is very heavy in terms of functionality. In order for everything to work as it should, 30 js files are connected. Used by dojo, jquery, kendo. It is not possible to stop at one. How can such code be optimized, is it possible to make it so that with one event or function call, its own js is connected, and not loaded every time?

Answer 1

Have you tried Grunt?

Answer 2

They won't load every time. The second time the browser will take it from the cache.
As an option, load everything from the CDN, there will be a chance that some of your libraries are already on your client.

Answer 3

Maybe you should try Application Cache