2010-01-28 41 views

回答

-1

<head> 
    <!-- 
    ..... 
    jquery should be at the top of all scripts... just the scripts 
    before you call 
     $(document).ready(function(){ .... }); 
    --> 
</head> 

Document關於如何設置。

+1

解釋爲什麼你會這樣做的原因?我想看看你的推理,就像雅虎!不同意,他們可能是對的。 http://developer.yahoo.com/performance/rules.html#js_bottom – 2010-01-28 08:42:55

+0

這就是我如何使用它... – Reigel 2010-01-28 08:43:39

+0

是的,你是對的!..我不知道... :) – Reigel 2010-01-28 08:45:05

1

是,發生在頁面的底部</body>之前最快的加載時間。

http://developer.yahoo.com/performance/rules.html#js_bottom

技術上你可以把它放在像Reigel在頁面提示的頂部,但它鎖定了整個頁面的執行,這是瘸子。最好的辦法是做平行,在那裏你只需添加腳本作爲DOM節點的DOM加載後,如果可能的話(如果不弄亂你的頁面):

$(function(){ $('body').append('<script src="plugin.js"></script>'); }); 

也,這個問題每週都有嚴肅的線索。先搜索。

+0

我搜索,但沒有發現任何與jQuery的好問題。我的問題只涉及jQuery和插件。我的問題是我可以全部放在底部 – 2010-01-28 08:50:03

+0

然後我有一個問題,爲什麼現在很多頁面仍然使用這種「蹩腳」的方式來放置腳本? :) – Reigel 2010-01-28 08:52:38

+0

@Reigel:因爲很多人不知道*有*可測量的差異,並且因爲「我們一直這樣做」。用「跛腳」方法完成的很多頁面仍然不會使該方法變得「跛腳」。 – Piskvor 2010-01-28 09:03:54

0

盡我所知你應該把JS從頭部移動到正文,因爲它不會延遲頁面渲染本身,而是加載其他外部腳本(css)。我將它移動到頁面底部,以便在查看源代碼時輕鬆找到它。

0

將所有內容放在底部(即</body>之前)的真正原因是讓頁面渲染速度更快。

這是一個優化技巧,它允許您的頁面在加載所有內容之前顯示在瀏覽器中,如果您將所有javascript放在頂部,頁面將顯示爲空白,直到完成加載腳本,用戶會覺得你的網站很慢,可能會離開。

因此,放置它的位置並不重要,它仍然可以工作,區別在於您可以讓訪問者看到一些內容,甚至在加載所有JavaScript之前單擊鏈接。

@Dan Beam:將css放在底部,可能會以奇怪的方式顯示頁面的第一個渲染,因爲CSS尚未加載。

+0

但sifr 3 js和css建議在頁面加載之前在頂部添加sifr文本 – 2010-01-28 09:13:40

+0

我對此不完全確定,但在sifr 3的情況下,可能是因爲它需要設置變量在文字替換中的閃光。 – guzart 2010-01-28 09:45:28

+0

我對代碼進行了快速閱讀,並且它看起來是在文檔onload事件上進行初始化,所以無論哪種方式,在加載所有腳本之前,文本都不會被替換。 – guzart 2010-01-28 09:54:15

相關問題