爲什麼我的畫廊頁面需要這麼長時間才能加載？

Question

當我轉到我正在構建的網站的這一頁時：http://test.kianistudios.com/placepigalle/gallery.php

它需要非常長的時間來加載。事實上，當我向下滾動頁面（在Chrome中）時，即使背景無法加載，並且只有透明背景：http://oi61.tinypic.com/2zqttox.jpg，它在完全加載之前凍結並滯後約15秒。我不知道爲什麼，其他網站有數百張圖片大得多，而且他們的載入很輕鬆。

這裏是我的代碼 http://pastebin.com/raw.php?i=y6EqeFTW

非常感謝！

Answer 1

使用您的F12開發工具/螢火/ Chrome的網絡標籤：

1. 圖像太大（不適用於網絡優化）see this post（217 MB下載的材料 - 如別人提到這可能是你最大的打擊在時間上）
2. 您對js文件的請求太多 - 瀏覽器對同時請求的數量有限，所以它不得不等待下載js文件直到完成圖像。
3. 您的PHP腳本在刷新後至少運行9.5秒。在PHP中查看您的代碼，並瞭解如何對其進行優化。
4. jQuery未加載 - 404位於「js/vendor/jquery.js」

Answer 2

這需要很長時間，因爲您以全分辨率加載所有圖像，而不是生成縮略圖。

Answer 3

下面就來了解網站的負載的詳細內容的鏈接通過Pingdom的工具進行評估：http://tools.pingdom.com/fpt/#!/dS6XMu/http://test.kianistudios.com/placepigalle/gallery.php

看來，你正試圖強制用戶下載圖像的122+兆字節，以便讓他們看到你的頁。 這是瘋了。嘗試使用瀏覽器緩存生成縮略圖，並減少請求連接超時的數量。