我让用户将脚本加载到网页中的方式是否有区别

Does it make a difference how I get the user to load a script into a webpage?

本文关键字:方式 是否 有区别 网页 用户 脚本 加载      更新时间:2023-09-26

我知道这很小,甚至可能不值得花时间考虑或更改,但我仍然感兴趣(对于较大的文件来说,这也很重要)。我正在根据HTTP get参数将几个JS脚本之一注入我的网页:服务器(PHP)查看参数的值并加载相应的脚本。我的问题是,假设这样做之间有什么区别:

<script type="text/javascript" src="<?php echo getScriptLocation($_GET["foo"]); ?>"></script>

而这个:

<script type="text/javascript">
<?php echo getScript($_GET["foo"]);
</script>

也就是说,根据我是否向他们发送脚本或脚本的位置,客户端是否存在任何感知差异?

如果您发送脚本位置,客户端会发出 http 请求以在后台获取它,并在准备就绪时执行它。这样可以继续加载页面并减小所请求页面的大小。

客户端也可以缓存请求的脚本,这使得此附加请求是即时的。

我通常更喜欢通过位置。对于一个脚本,它可以正常工作。如果你有大量的脚本,你应该以一种减少请求数量的方式对脚本进行分组,特别是在移动客户端上,其中许多并发请求非常糟糕。

它们不会注意到差异,但是如果您使用 src 属性,则可以将文件缓存在用户计算机上,从而为您提供更好的性能。