如何防止緩慢加載外部js文件阻塞整個網站的加載過程(因爲瀏覽器一次只處理2個請求)?如何防止外部JS阻止您的網站加載?
比方說,我想包括sharethis按鈕,但服務器遇到高負載,並且需要長期服務於我的請求,我怎麼能強迫休息,反正加載。還是應該在網站已經加載之後添加外部腳本?
我使用的是回報率與jQuery。
最佳, 奧萊
如何防止緩慢加載外部js文件阻塞整個網站的加載過程(因爲瀏覽器一次只處理2個請求)?如何防止外部JS阻止您的網站加載?
比方說,我想包括sharethis按鈕,但服務器遇到高負載,並且需要長期服務於我的請求,我怎麼能強迫休息,反正加載。還是應該在網站已經加載之後添加外部腳本?
我使用的是回報率與jQuery。
最佳, 奧萊
我個人認爲那些你需要後,裝載額外的項目。
例如,代碼的jQuery添加到網頁的底部,這樣的jQuery已經加載,然後加載它們等)低於
$(document).ready(function(){
$.getScript("urlofscript");
});
詳細getScript加入的(here
你應該dinamycally通過使用jQuery的$(文件)。就緒()函數加載外部的Javascript。
你必須創建< SCRIPT>元素,並將它們添加到您的文檔。
地方你的JavaScript頁面的結束,之前</BODY>
只要把<script>
元素在文檔(只是</body>
標記之前)結束。
肯定把這個阻止腳本在你的頁面結尾處,之前。
或者,如果你想懶洋洋地加載/實際上並不需要的腳本的頁面加載,那麼document.write()的選項是好的。
我還建議從該頁面讀取網頁優化規則:http://code.google.com/speed/page-speed/docs/rtt.html
或讀取這兩種史蒂夫·索德的書:高性能網站,甚至更快的網站
很好的鏈接,謝謝! – 2009-07-21 15:26:44
有一點要注意:如果外部腳本使用document.write將它的東西添加到頁面中,您將無法使用此方法 - document.write將覆蓋整個頁面!我有谷歌地圖這個問題,直到我發現他們的情況下,你可以添加異步= 2查詢字符串。 – 2009-07-21 15:05:11