2012-02-17 34 views
2

我有jQuery的aspx。由於延遲加載jquery我正面臨一些風格問題。請誰能告訴我如何加載jquery非常快。如何更快加載JQuery?

+0

你目前正在加載嗎?從CDN或您的本地驅動器? – 2012-02-17 10:24:13

+0

從外部服務器加載它不在本地 – ggzone 2012-02-17 10:25:13

+0

嘗試在關閉body標籤之前移動頁面底部的js文件,這樣腳本不會停止加載頁面資源(如CSS)。 – Sarfraz 2012-02-17 10:25:35

回答

0

請確保jQuery的文件與設置內容到期頭傳遞,因此它可以被瀏覽器緩存。

1

LABjs是一個腳本加載器,允許你在一個扶養順序加載腳本,這樣你就可以通過加載jQuery的開始,而不是阻止加載其他腳本。你只會阻止那些依賴jQuery的腳本。這可以幫助您提高頁面加載速度。

LABjs(加載和阻止JavaScript)是由Getify Solutions支持的開放源代碼(MIT 許可證)項目。的 LABjs的核心目的是要全功能的,按需的JavaScript加載,能夠 裝載任何JavaScript資源,從任何位置,到任何網頁,在 任何時候。使用LABj加載腳本可減少頁面加載過程中的資源阻塞 ,這是優化網站性能的一種簡單而有效的方式。

0

把你的腳本後,所有的CSS文件的()。你可以像這樣加載它:

<script id="script-batch" type="text/javascript"> 
     (function(d){ 
      var js = d.createElement('script'); js.async = true; js.defer = true; 
      js.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"; 
      d.getElementsByTagName('head')[0].appendChild(js); 
     }(document)); 
</script> 

首先它會從Google CDN加載你的jQuery,這是最快的之一。其次,它是跨瀏覽器的異步,並不會阻止任何其他加載在您的網頁上。

+0

我已經修改jQuery腳本,所以我不能直接從谷歌 – user1215950 2012-02-17 10:44:33

+0

點這裏下載到自己的jQuery,縮小和gzip,並從CDN服務,如果這是一個選項(像CloudFront的)。 – Art 2012-02-17 23:49:12

1

我今天就這個話題從讀通過#1薩姆藏紅花博客文章。我沒有嘗試過作者tipps,但我不能確認。

http://samsaffron.com/archive/2012/02/17/stop-paying-your-jquery-tax

的TL;博士;是將jquery推送到頁面的頁腳,並在頭文件中定義了一個$ .ready函數,該函數捕獲所有尚未運行的腳本,因爲jquery沒有加載,直到加載實際的$ .ready函數。