如何减轻javascript min文件的权重？

Question

我喜欢一个具有不同功能的javascript文件（它的重量大约是100kb）和其他一些javascript插件：three.js（480kb），bootstrap modal.js和collapse.js（如16kb），debouce .js（731b），swiper.js（87kb）。

问题是我没有在每个页面中使用所有功能和插件，因此我在进行任何函数调用之前添加了if($(selector).length)之类的内容，因此我没有收到任何错误，但是我认为最好只有一分钟文件，每页只有相关的功能和插件。

让我们说：

• 所有网站都需要： general_functions()和
• 索引要求： three_js_related_functions() + swiper_js_functios() + gallery_functions() + swiper.js + three.js + debounce.js
• 商店要求： swiper_js_functions() + swiper.js
• 页面和单身可能需要： gallery_functions() + swiper_js_functions() + swiper.js

我也担心让它具有可扩展性和可维护性。

我应该继续使用if($(selector).length)和一个大的javascript文件，还是更好地创建分发我的函数的不同文件和每个可能组合的min文件？