2009-07-21 143 views
0

如何防止緩慢加載外部js文件阻塞整個網站的加載過程(因爲瀏覽器一次只處理2個請求)?如何防止外部JS阻止您的網站加載?

比方說,我想包括sharethis按鈕,但服務器遇到高負載,並且需要長期服務於我的請求,我怎麼能強迫休息,反正加載。還是應該在網站已經加載之後添加外部腳本?

我使用的是回報率與jQuery。

最佳, 奧萊

回答

4

我個人認爲那些你需要後,裝載額外的項目。

例如,代碼的jQuery添加到網頁的底部,這樣的jQuery已經加載,然後加載它們等)低於

$(document).ready(function(){ 
    $.getScript("urlofscript"); 

}); 

詳細getScript加入的(here

+0

有一點要注意:如果外部腳本使用document.write將它的東西添加到頁面中,您將無法使用此方法 - document.write將覆蓋整個頁面!我有谷歌地圖這個問題,直到我發現他們的情況下,你可以添加異步= 2查詢字符串。 – 2009-07-21 15:05:11

2

你應該dinamycally通過使用jQuery的$(文件)。就緒()函數加載外部的Javascript。

你必須創建< SCRIPT>元素,並將它們添加到您的文檔。

1

地方你的JavaScript頁面的結束,之前</BODY>

0

只要把<script>元素在文檔(只是</body>標記之前)結束。

1

肯定把這個阻止腳本在你的頁面結尾處,之前。

或者,如果你想懶洋洋地加載/實際上並不需要的腳本的頁面加載,那麼document.write()的選項是好的。

我還建議從該頁面讀取網頁優化規則:http://code.google.com/speed/page-speed/docs/rtt.html

或讀取這兩種史蒂夫·索德的書:高性能網站,甚至更快的網站

+0

很好的鏈接,謝謝! – 2009-07-21 15:26:44