簡體   English   中英

如何判斷哪些javascript可以放在底部或哪些必須放在 <head> ?

[英]How to judge which javascript can be placed at bottom or which must be in <head>?

我們可以通過3種方式放置JavaScript嗎?

  1. 作為外部文件
  2. <head>
  3. 在主體中<body>

所有方法對W3C都有效嗎?

那么,如何判斷JavaScript應該放在底部,還是必須放在<head><body>呢?

  1. 我在許多網站上都看到過JavaScript
  2. <head>
  3. 作為外部js,
  4. 就在</body>
  5. 例如,在<body>....<body>任何地方的某個時間:在將影響該JavaScript代碼的任何其他XHTML標記/代碼之前。

更新:我看到大多數人在底部使用Google Analytics(分析)代碼作為嵌入式JavaScript?

在我的編碼中,我遵循關於JS組織的以下規則:

  1. 任何對時間不敏感和/或在文檔加載后運行的JS都將放入外部js文件中並包含在head
  2. 需要將所有需要盡快運行的JS放置在DOM中的適當位置(例如,如果要在加載必要元素后立即運行某些代碼,請將代碼直接放在最后一個從屬元素的下面)
  3. 任何外部跟蹤庫(例如Nielsen / Google)都位於結束body標簽之前的底部

在大多數情況下,Javascript應該作為外部文件使用,以便進行緩存並避免在每次加載頁面時重新降級完全相同的100行腳本。 (另一方面,如果它是一個腳本,您只希望用戶看到一次,那么內聯就可以了。)

盡管Yahoo還是建議身體下半部表現出色 ,但實際上它是頭部還是身體都是您的選擇。

如果您擔心頁面加載時間,則有關最小化有效負載大小的這篇Google文章可能會有所幫助。 我已經鏈接到有關推遲javascript加載的部分。 並非完全符合您的要求,但可能會派上用場。

實際上, http://code.google.com/speed/十分方便!

通常,我將盡可能多地放入外部js文件中。 對此的主要例外是在加載時將信息注入到頁面服務器端。 我傾向於將並非特定於一頁的所有內容推送到庫/站點js文件中。 如果不需要內聯腳本(即document.write),那么最好在關閉body標簽之前將腳本推到底部(請參閱YSlow和yahoo關於原因的研究)。

  1. 如果網頁/腳本沒有文件撰寫的需要 ,把它在底部。
  2. 如果需要,請 document.write評估原因。
  3. 如果可以輕松地將其外部化(放入單獨的.js中),請執行此操作。
  4. 如果不是特定於一個頁面,則將其放入多個頁面使用的.js文件中。
  5. 在可能的情況下,將自定義站點腳本合並到單個.js中。
  6. 縮小/縮小所說的.js並盡可能使用http壓縮。

這樣做的主要原因是:

  1. 將標記與腳本分開。
  2. 將標記與腳本分開。
  3. 將標記與腳本分開(盡可能與CSS相同)
  4. 創建可重復使用的腳本包括減少服務器請求。
  5. 減少服務器請求
  6. 減少傳輸文件的時間。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM