哪个更好:冗余的HTML布局,或不必要的JavaScript执行?

时间:2014-08-26 06:00:19

标签: javascript html performance jekyll

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

在这种情况下,这是更可取的:

  1. 创建一个与default.html几乎相同的冗余布局文件,但包含必要的JavaScript,或者;
  2. 将JavaScript置于default.html内并在其他每个页面上执行无用的执行?
  3. 在性能方面 - 在只有一个页面需要JavaScript的简单示例中,我假设第一个替代方案是两个恶魔中较小的一个,因为你只做了一个额外的HTTP请求而不是许多,许多无用的JavaScript调用。但是,规模增加并非总是如此。

    那么,在使用降价模板管理的单个页面上处理JavaScript执行的最佳方式 - 性能方面还是风格方式是什么?

2 个答案:

答案 0 :(得分:2)

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

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

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

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

答案 1 :(得分:0)

我认为首先,因为那样你不会在不需要代码的地方得到任何错误。 所以将javascript放在像“yourfile.js”这样的文件中,并用<script src="/yourfile,js"></script>

调用它

那应该是最好的