Does it make sense to glue different js libraries for each page?

Question

JavaScript

Hello!

Suppose we are developing a saas service and we have 10 to 20 different plugins that we connect to different pages. View plugins: displaying charts, popups, tooltips, selects, table sorting; generally different, ranging in size from 10 to 150 kb.

And we have pages on which almost all plugins are connected (some kind of dashboard, for example).
Does it make sense to glue plugins into one file in order to reduce the load on the server? But keep in mind that there are several such pages, and the glued plugin file for one page will not necessarily be relevant for another, since other plugins will be needed for it.

In general, is there such a tool that would glue plugins not like grunt and gulp do, but so that it parses the html file itself, reads the paths to the plugins and the order in which they are connected, does the gluing based on this data and inserts a script instead of a set of tags one individually glued script file for each html page?

Answer 1

Glue. Once the client caches and that's it. and less load