包含/嵌入第三方javascript的最安全方法

Question

祝一切順利，我最近訪問了一個網站，該網站在每個頁面加載中嵌入了大約10個第三方javascript。 這些包括但不限於分析，聊天系統，A / B測試，評論，字體，產品推薦，庫（jquery）和網站的自定義代碼。 其中一些托管在本地，許多托管於創建它們的公司。

我能否獲得一些有關加載所有這些內容的最佳方法的意見，並允許它們全部正常運行100％，但防止它們對我的訪客造成延遲。

我發現了兩個看似有希望的解決方案，但沒有聽說過/使用了它們，所以我不願實施。 我將不勝感激任何想法/幫助。 謝謝！！！

http://www.olark.com/spw/2011/10/lightningjs-safe-fast-and-asynchronous-third-party-javascript/

檢測並終止緩慢的第三方javascript請求 [ http://headjs.com/ ]

Answer 1

這是一篇關於async主題的不錯的博客文章

Answer 2

對於異步加載javascript，可以使用HTML5異步屬性

<script async src="http://third-party.com/resource.js"></script>

您也可以使用經典方式，但現在不建議這樣做。

(function(d, t) {
    var g = d.createElement(t),
        s = d.getElementsByTagName(t)[0];
    g.src = '//third-party.com/resource.js';
    s.parentNode.insertBefore(g, s);
}(document, 'script'));

Answer 3

只能通過兩種方法：將async=true參數添加到script標簽，或者按照Google的建議進行操作-將引用移到文本的屏幕折疊之外，最好移到腳上。

Firefox具有有用的瀏覽器控制台，其中顯示了一些延遲源。 無論如何，您可能不得不做出妥協並放棄一些生豬。

如果尚未完成，請啟用HTTP壓縮，尤其是對.js文件。 奇怪的是，這有助於即使在LAN連接似乎不能限制的東西。