我最近的任务是构建一个模块化框架，允许我们的OWS团队编写一个“页面创建器”，允许某些人动态创建和修改页面。
我已经编写了整个系统，并且已经获得批准。我现在唯一的问题是他们想要尝试减少正在进行的HTTP请求的数量。
现在每个模块（作为指令编写）都是这样调用的：
<my-custom-module data="/path-to/data/service"></my-custom-module>
每个模块包含三个资源;模板，样式表和数据对象（通过AJAX获得）。因此，每个模块对服务器进行三次单独调用。
由于页面可能包含许多模块，因此这些请求会快速加起来，这是由于加载时间而从前端角度考虑的问题，而后端角度则是由于请求命中服务器的数量过多（为此设置的用户相当大。）
所有数据都需要保持分离，以便随时可以在任何网站/项目中使用，因此我无法将CSS或标记组合到任何模块中。老实说，我很难过如何优化这一点。
目前，所有指令都与Web应用程序的其他JS文件一起合并为一个JS文件。所以目前的流程是这样的：
include-stylesheet调用样式表
指令有人能指出我正确的方向吗？或者有任何减少请求数量的建议？