检测和终止缓慢的第三方 javascript 请求

Question

我们使用网站上的跟踪像素数量来收集访问者的统计信息。但是，我们嵌入在代码中的一些第三方 javascript 通常都在等待来自其服务器的响应。通常他们的服务器没有正确响应，因此会导致错误消息以及及时呈现网站 HTML 元素的问题，从而导致巨大的性能问题。

有没有办法检测第三方 javascript 何时未在所需时间内返回，以便我们可以以某种方式终止对其服务器的调用并继续执行下一行代码？请注意，使用 JQuery.delay() 并不能真正解决这个问题。

处理从他们的服务器返回的错误消息，我们可以使用 Try & Catch(error)，但我不知道如何强制终止对外部服务器的 javascript 调用。

Answer 1

您可以改为使用缓存加载脚本：

var scriptTag = document.createElement("script");
scriptTag.type = "text/cache";
scriptTag.src = "http://thirdparty.com/foo.js";
scriptTag.onreadystatechange = scriptTag.onload = function() {
    if (scriptTag.readyState == "loaded" || scriptTag.readyState == "complete")
    {
        // it's done loading
    }
}

这将导致脚本像图像一样在后台加载；然后，如果它们加载，您可以直接调用它们。需要注意的是，如果您有几个超时，它可能会消耗所有可用的传出连接。如果您只序列化第 3 方 Javascript，那么它们最多只能使用一个连接。

这是head.js 使用的技术。您可能只使用 head.js，但您可能需要添加一些额外的逻辑来处理超时等等。