javascript - 在脚本标签与 src DATA URI UTF-8 之间内联的 Javascript 与百分比编码

Question

我首先构建移动设备，然后使用我在 index.html 中内联的微型框架（小于 10kB）来保存 HTTP 请求。

我现在找了好几天，似乎其他所有内联 javascript 的人都这样做：

<script>UGLIFIED JAVASCRIPT</script>

我这样做：

<script src="data:application/javascript;utf8, UGLIFIED PERCENT-ENCODED JAVASCRIPT"></script>

<div>您可能会说百分比编码会使文件更大，但实际上并不会，因为 gzip 的工作方式 - 它取代了重复，重复的短语是or无关紧要%3Cdiv%3E。

我的问题是——我的方法有什么潜在的优势吗？

PS。我的一个想法是浏览器缓存类似文件的 DATA-URI 元素，但我不知道这是否有意义，从那时起我还必须找到控制如何防止加载 index.html 部分的方法。除非我可以在其他地方使用缓存的元素——否则也会有它的用例。想法？

score 0 · Accepted Answer

首先，如果您的网站不是 SPA，则内联共享脚本（无论方法如何）意味着您在每个页面上加载它们，从而否定浏览器缓存的价值。

其次，编码与非脚本的传输过程可能相似，但更重要的指标是解析和编译 Javascript 所需的时间。URL 解码不是免费的，但虽然我认为它在总体方案中并不重要，但我认为它实际上没有理由比标签中的脚本加载更快。

1 回答 1