使用src引用Javascript或直接在HEAD中注入Javascript之间的性能和内存占用量的差异

Question

在这些不同的方法中,如果有的话,性能和内存占用有何不同:

1.使用Src

<script type='text/javascript" src="1MBOfjavascript.js"></script> 

2.直接注入头部

$('head').append("<script type='text/javascript'>1MBOfJavascriptCode</script>");

我很感兴趣,因为我们正在开发一个Cordova应用程序,我们使用第二种方法向DOM注入从HTML本地存储中读取的先前下载的Javascript包.

鉴于脚本的大小可能会增长,我想知道是否使用第二种方法可能会导致一些内存问题或其他DOM问题.

Answer 1

我相信这种情况下的开销应该微不足道，因为主要处理/内存消耗基于实际脚本的工作方式。即文件使用的内存将是脚本的总大小，最大为 1MB？然而，在执行过程中，相同的脚本可能会轻松占用 100MB。

无论如何，进入正题。

如果必须在所有情况下都包含纯文本包含会更好，因为它会跳过脚本执行，并且在附加后也不会导致浏览器重新渲染。如果您只在客户端的特定条件下需要脚本并且不需要加载它，则应使用附加选项。