可以在一个文件中加载多个Google脚本

Question

我只是想知道是否有人知道-甚至有可能-在一个文件中加载多个Google脚本？ 请参阅，因为在我的某些页面上，我最多加载三个或更多Google脚本：

1. 谷歌分析
2. Google CSE
3. 谷歌地图
4. （有时）Google Webfonts

尝试减少HTTP请求，并希望能够加载包括所有内容的google.js之类的东西。

Answer 1

您不能作为单个http请求从Google下载组合的js文件，但可以在经常更新的情况下（例如，每天两次执行cron作业）下载，组合和加载自己的网站。 如果愿意，您甚至可以设置缓存头。

尽管我建议不要这样做-只是异步加载这些脚本（但从html而不是单独的文件中加载）-它是非阻塞的，并且不会减慢网站的呈现速度。

Answer 2

您可以异步加载脚本，如本示例所示 。 可以修改load函数以接受URL参数，例如：

function loadScript(url) {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = url;
        document.body.appendChild(script);
      }

接着：

var url =  'https://maps.googleapis.com/maps/api/js?sensor=false';
loadScript(url);

var url =  'https://www.somedomain.com/someScript.js';
loadScript(url);

// ...etc

然后，您可以将所有这些内容放入单独的google.js文件中。 但是，尽管在需要时加载一堆脚本可能会变得更加容易，但这并不会减少HTTP请求。