2010-02-24 69 views
0

我正在使用Google可視化將圖形繪製到我的網站中。這涉及到一個Java腳本。在php中延遲加載java腳本

<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
google.load('visualization', '1', {packages: ['annotatedtimeline']}); 
</script> 

這兩行腳本最初需要至少5到8秒才能加載。如何在初始頁面加載的某個時間之後在我的網站中使用圖形功能,而不是立即。所以我想知道,而不是減緩腳本加載5腳性的頁面加載可以做一個惰性加載的Java腳本平行於我的頁面加載。這將使我的初始頁面加載速度更快。可以這樣做,如果是這樣,請讓我知道語法和一些提供文檔的鏈接(如果有的話)。

回答

2

根據this YSlow recommendation,在關閉body標籤前立即放置所有script標籤。

+0

一些,直到上面的腳本加載的負載腳本無法得到執行。這會在我的頁面上導致一些UI問題。 – Vinodtiru 2010-02-24 07:31:05

+1

@vinodtiru,您可以嘗試在BODY結束標記之前以正確的順序放置所有SCRIPT標記,並刪除onload處理。 – Mic 2010-02-24 07:51:41

0

將它放在儘可能低的位置,意味着更接近結束標記。在延遲進一步加載JS之前,您的頁面將加載其所有內容。