在 Freemarker 文件中导入 Javascript 和 CSS 样式表对性能有何影响？

Question

我正在做一个项目，我们在前端使用 Freemarker 模板引擎。 项目中的很多文件都有类似的结构，在导入一些 3rd 方库和样式表时，如 JQuery、Bootstrap 等。 为了保持一致性，其中一位开发人员建议使用一个文件作为标准化模板，其中包含 header 部分和脚本。 我们将这个文件导入到所有其他文件中。 因此，这个模板被导入到的任何一个文件都会有很多未使用的脚本和样式表。

这种方法是否有任何批评，而不是根据具体情况导入脚本？ 会影响性能吗？ 这些脚本是从一些标准 CDN 加载的，应用程序最终将托管在 AWS 服务器上。

Answer 1

不，这种方法没有真正的批评，因为它利用了 Freemarker 提供可重用和模块化 UI 的能力。 然而，这更多的是良好的编码练习而不是性能。 您应该尽可能创建可重用的 UI 组件，header 就是一个主要示例。

为 header header.ftl或head.ftl定义模板并将其从所有页面导入，甚至对主菜单和页脚执行相同的操作，对代码完整性和可读性都有好处。

要提高 Freemarker 的性能，请考虑根据您的应用类型从 Java、XML 或属性配置中打开 Freemarker 缓存。 通过可重用性将缓存与减少代码大小相结合将有助于页面加载时间。