預加載圖像的最佳方式

Question

我剛剛爲藝術構建了一個jquery和css網站，並且在加載相當快的visted（緩存）後，加載新訪問者需要花費大量的時間。

我的問題是，什麼是預加載大量圖像的最佳方法。

如果有人有興趣看的加載時間，您可以點擊此處查看：

http://zabetpucket.com/

我很想反饋上花費了多少時間來加載，當然最好的方式來優化這個加載時間。提前致謝。

我很樂意分享代碼，如果有人覺得這會讓他們更容易給出明確的答案。

=]

Answer 1

我會選擇僅加載可見的部分。做一些類似Instagram或Wordpress的東西（我認爲Apple也是這麼做的），並且在滾動條上有一個事件監聽器，以便加載下一部分，而不是整個頁面。像@DigitalDesignDj在評論中所建議的那樣，優化您的圖像也是必須的。

我看到你已經有一個滾動事件處理程序，使部分標題粗體，但你應該看看jQuery .load()加載可見部分（或下一個即將到來的）。通過優化圖像，在動畫滾動之後或期間加載圖像並不是什麼大事。

你也可以得到一個加載動畫，這對User Experience有好處。