有很多圖片的網頁：慢速滾動？

我有一個新聞提要的網頁。新聞Feed有一堆垂直堆疊的圖像。隨着用戶向下滾動，新圖像會填充頁面。有很多圖片的網頁：慢速滾動？

事情開始快速而平穩，但隨着更多圖像加載（以及更多向下滾動）頁面開始變得非常慢並且不連貫。滾動變得超級不平滑。

什麼問題？我該如何解決這個問題？

來源

2011-09-04 Pauly Dee

你有演示頁面嗎？ – pimvdb

您是否在使用JavaScript來處理任何頁面/圖片，可以解釋隨着時間流逝的性能。需要更多信息。 – Loktar

您應該更詳細地描述問題，如包含一些代碼。無論如何，我會盡力回答它。嘗試通過縮小尺寸來優化圖像。下次請詳細說明瀏覽器，其版本，操作系統，頁面源代碼等。 – Gautam

嘗試使用LazyLoad for JQuery（link）。它不會加載圖像，直到您向下滾動，這對您的用例來說非常完美。

2011-09-04 15:08:34 amaseuk

我已經做了。這不是造成問題的圖像加載。它似乎是Feed中圖像的數量。 –

您可以嘗試對結果進行分頁，以便它們不在一頁上？ – amaseuk

您使用的圖像有多大？您應該儘量減小圖像尺寸。

您可以嘗試使用JavaScript預加載圖像（Image對象）。這樣，當用戶向下滾動時，圖像已經加載（或部分加載）。

2011-09-04 15:02:54 Will

沒有很大。平均：300x400。儘可能小。我已經確保圖像被加載。看起來，當頁面上有大量圖像時（即使加載），滾動變得波濤洶涌。 –

也許你的javascript有一個錯誤。如果沒有，則可以嘗試在加載較舊的圖片時刪除最新的圖片。

2011-10-09 10:01:07 NCode

使用jQuery時''.remove（）'方法在這種情況下工作嗎？ –

回答