javascript - : redundant HTML layouts, 和不必要的 JavaScript 执行哪个更好？

Question

我正在使用 Jekyll 构建一个所有页面样式一致的网站。大多数页面的样式都使用名为 default.html 的布局文件。但是，在一个特定页面上，我需要使用通过 a rel 标记调用的 JavaScript。在所有其他方面，此页面的格式与其兄弟页面相同。

在这种情况下，哪个更可取:

1. 创建一个与 default.html 几乎相同的冗余布局文件，但包含必要的 JavaScript，或者；
2. 将 JavaScript 放入 default.html 并在所有其他页面上执行无用的执行？

就性能而言——在只有一个页面需要 JavaScript 的简单示例中，我假设第一个替代方案是两害相权取其轻，因为您只发出一个额外的 HTTP 请求，而不是许多请求，许多无用的 JavaScript 调用。但是，随着规模的扩大，情况并不总是如此。

那么，在使用 markdown 模板管理的单个页面上处理 JavaScript 执行的最佳方式是什么——性能方面或风格方面？

Answer 1

如果必须包含 Javascript，您可以为额外页面的内容提供一个为真的变量。

---
layout: default.html
incScript: true
---

然后，在您的 default.html 中，使用 Liquid 有条件地包含脚本:

{% if page.incScript %}
  ... include script here
{% endif %}