網頁永遠不會停止加載

Question

我目前正在開展一個學生項目，我遇到了代碼問題。 我們建立了一個電子文檔，它混合了關於夜間工作人員的視頻，圖像，聲音和文本數據。 它由HTML，Javascript和一些PHP來訪問數據庫。

最近我們發現當你到達網站時頁面無限加載......它破壞了我們的一些JS代碼，我們不知道如何識別可能已損壞的資源......

什么可以使頁面“永遠”加載？ 我們應該使用什么樣的工具（即firebugg或內置的chrome東西）來識別問題？

您可以在這里找到我們的開發人員： http ： //mgprddev2012.dream-valenciennes.com

編輯：PHP錯誤現在沒問題，我忘了在開發平台上上傳最新版本的代碼。

非常感謝

Answer 1

你並不瘋狂 - 這個頁面確實需要非常長的時間來加載。

如果您查看Chrome開發者工具中的“網絡”標簽，您會發現很多圖像，音頻文件和視頻文件在開始時都會加載，而且大多數圖像，音頻文件和視頻文件都不會立即顯示。 其中一些非常大。 這可能是這樣一種情況，即在您需要顯示它們之前，最好將這些資產的大部分加載推遲，或者至少在您加載所需資產之后。

我建議檢查你的YSlow ，這是一個審計工具，這將使你如何讓你的網頁加載速度更快一些技巧，而且似乎加載速度更快。 該網站還提供了一些很好的技巧和詳盡的解釋，說明為什么不同的策略是有效的。

這個特定頁面的一些提示：

• 你的很多圖像都是文字圖片。 考慮將這些渲染為實際的html文本。 您仍然可以使用CSS修改每個字母的大小，並且您還可以獲得Chrome可以為非法語用戶翻譯文本的額外好處。 您應該能夠使用CSS邊框來獲取文本周圍的那些線條，或者嘗試使用SVG。

• 您的背景圖片是2.2 MB。 那太大了。 嘗試以較低的壓縮設置保存它。

• 各個png文件中有一堆圖標。 考慮將它們全部放在一個文件中，並將它們顯示為CSS Sprites 。

• 除了透明度之外，有幾個png文件看起來可能是jpg的。 如果您有野心，可以在左側使用顏色通道制作jpg，在右側使用灰度渲染Alpha通道，並使用畫布合成它們。

• 你還有幾個包含動畫精靈的png文件。 您可以將它們轉換為視頻並嘗試與上面相同的畫布技巧。 如果您願意使用WebGL，我可以使用一些代碼。

Answer 2

停止加載對我來說很好。 Firebug通常會告訴你是否有東西在后台加載。 查看控制台區域以查看是否有任何事情在頁面加載時停止。 你是說它的當前狀態是掛起的，因為對我來說它完成得很好。

在控制台中，您還可以看到可能導致無法正常工作的javascript錯誤。

Answer 3

在JavaScript控制台中：

Uncaught TypeError: Cannot call method 'pause' of undefined debout.js:979

它說debout.pop02沒有聲明。 你在哪里初始化它？