2013-04-10 72 views
1

我知道這是一個遠射,所以我不指望答案,但我只是爲了我的生活無法弄清楚爲什麼這個網頁設計不斷凍結我的瀏覽器。我的網站被凍結 - 可能是JavaScript,但我無法確定爲什麼

http://fuzionve.com/test

我跑在Chrome開發人員工具的審計工具,但似乎沒有任何實質性的那個。當我在瀏覽器中加載它時,它會凍結,然後立即完全加載。

有什麼建議嗎?

非常感謝您的幫助。

+0

這似乎是工作對我罰款。在Win7上使用Firefox 19.0.2。 – Alden 2013-04-10 17:11:08

+0

在我的Chrome上正常工作。 – JJJ 2013-04-10 17:12:58

+0

我會將您的JavaScript文件移動到文檔底部而不是頭部。網絡選項卡顯示jQuery.js文件的阻止性質。 – epascarello 2013-04-10 17:13:16

回答

1

它在這裏工作得很好。

的 「易」 優化的幾點建議:

  1. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic" /> - 這是一個外部的樣式表。您的瀏覽器必須與另一臺服務器建立連接。考慮將字體(和樣式表)下載到您自己的服務器上。
  2. 加載4個樣式表,這需要4次往返服務器。考慮合併1個樣式表中的那些。如果您更喜歡在開發中使用多個樣式表,請將其合併到發佈版本中的單個文件中。
  3. 同樣的事情腳本:你有3個腳本。考慮將它們合併到發行版本中的1個文件中。
  4. 當您的瀏覽器檢測到<script>元素時,它會停止呈現您的頁面,直到該腳本文件從服務器上下載並執行完畢。這是因爲腳本可以使用document.write()來編寫HTML,更改頁面。 如果您知道您的腳本不寫HTML(通常它們不會,至少在document.ready事件被觸發之前),請考慮使用HTML5 asyncdefer屬性(https://developer.mozilla.org/en-US/docs/HTML/Element/script)。請注意,這些屬性僅在現代瀏覽器中受支持。

如果這些事情沒有幫助,請按照Brad M的建議追蹤您的問題。

+0

這實際上是PT Sans字體,令人驚訝。我認爲這不會產生如此大的影響,但這是相當可觀的。我重新分析了我需要的內容,並決定不加載斜體字體,並且似乎大大加快了網站的速度。 我一定會考慮下載字體,但我不完全確定這是否會違反某些版權或其他內容。我會看牌照。 – 2013-04-10 18:31:57

+0

@MMiller https://developers.google.com/fonts/faq#Download_Fonts – Bart 2013-04-10 18:53:53

4

1)拆下/註釋代碼

2)裝載頁和測試,如果冷凍

3)如果仍凍結,從步驟1

4)如果不凍結,檢查代碼重複你剛剛刪除。

+0

評論大量代碼是開始排除故障的好方法。 – Jazzepi 2013-04-10 17:11:41

+0

同意Jazzepi – 2013-04-10 17:12:22

1

我在使用多重插件時遇到同樣的問題,你可以做的是改變他們的一些代碼,並像接下來的回調一樣,至少我改變了3-4個插件代碼這種變化。

它可能完成這項工作,用setInterval檢查是否有一個插件完成。 或者實現一個回調,在代碼完成後,調用另一個代碼。

我找到這個lib下,它可以幫助你: https://github.com/caolan/async

相關問題