JS脚本加载vs HTML中的<script>标记

时间:2018-04-18 16:36:22

标签: javascript html performance

我有一个JS代码,我希望将其包含在我的HTML项目中,我需要澄清一个疑问。要实现我的JS代码,我可以通过两种方式实现:

&#xA;&#xA;
    &#xA;
  1. 使用&lt; script&gt; 标记;
  2. &#xA;
  3. 将其作为函数通过外部JS文件加载,并在&lt; script&gt; 标记内执行该函数。
  4. &#xA;
&#xA;&#xA;

我真正好奇的是,在上述两种方法中,性能方面是否存在差异。我知道&lt; script&gt; 标签首先在整个块中进行转换,这会导致JS执行点出现轻微的加载延迟,这让我很好奇。

&#xA ;

1 个答案:

答案 0 :(得分:1)

那么,在第二种情况下,当您在单独的文件中添加代码时,浏览器将不得不发送额外的http请求来加载该文件,如果互联网速度很慢且浏览器没有缓存该文件,那么这不是超好的。

如果您在脚本标记下执行所有代码,浏览器将不会这样做,并且您的页面会比较快地加载。

在两种情况下都是相同的

除了性能之外,如果您在script标签下编写代码,显然很难管理,并且您无法在其他可能需要的文件中使用它。