javascript - 我可以将社交按钮脚本放入一个组合文件中吗？

Question

就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the help center寻求指导。




9年前关闭。




我正在开发的网站有多个社交按钮——Facebook、Twitter、Google+、Pinterest 等。

其中大多数都有自己的外部 .js 文件以包含在您的页面上。对于一个关注 http 请求的网站，将所有社交 .js 文件合并为一个有什么缺点？

我最关心的是 vendor 何时更新脚本。这种情况的通常协议(protocol)是什么？保留额外的请求，还是冒着使用过时代码的风险？

Answer 1

浏览器缓存应该已经为您解决了这个问题。使用 vendor 脚本的一个巨大好处是每个网站都链接到该 vendor 脚本的同一个副本，因此它们很可能已经缓存在浏览器中(由于浏览器访问之前的页面)，因此没有 http 请求当它们已经在浏览器缓存中时需要加载它们。如果您使用自己的副本，则必须为您的站点重新下载该副本，并且您将无法利用该代码已缓存在浏览器中的事实。

除了缓存之外，大多数像这样的 vendor 都使用 CDN 来托管脚本，这是一个分布式和优化的位置，可以更快地下载，应该能够比您的托管站点更快地下载脚本。

在缓存问题之外，这些脚本需要保留在 vendor 的站点上，并由 vendor 在 vendor 认为合适的时候进行维护。如果他们想改变他们，那是他们的特权。您不能将它们组合成您自己的组合脚本，也不应该。他们可以随时更改其网站的工作方式，如果您使用复制的过时脚本，您的功能很容易中断。

根据您使用它们的方式，您可能能够更改第三方脚本，以便动态加载它们并在加载常规页面脚本后加载。这可能会延迟他们 UI 的呈现，但可能会让您的页面加载得更快一些。