在一個頁面上顯示大量圖像？

Question

有沒有辦法做到這一點，而不會讓計算機陷入困境？

我不知道很多電腦和瀏覽器的內部運行的，所以我不知道怎麼樣了一堆圖像在頁面佔用如此多的CPU。我的第一個想法是隱藏頁面上不可見的圖像。那些已經滾動過去或尚未滾動的。

我試着用隨機顏色的div的，而不是圖片的樣本的jsfiddle，只是向上和向下滾動通過，使我的電腦音響像它的起飛。

關於cpu的所有圖片是什麼？可以避免嗎？

Answer 1

的問題一般不是關於帶寬的可能節省的金額。它更多的是降低呈現網頁所需的HTTP請求數量。

見this

什麼需要一定的時間，做大量的請求獲得小型內容時（如圖像，圖標等）是多次往返到服務器：你最終花時間等待請求去，服務器響應，而不是使用這段時間來下載數據。

少的http請求=更快的加載整體

如果我們能儘量減少請求數量，我們儘量減少前往服務器的數量，並利用我們的一塊進行高速連接好（我們下載一個大文件，而不是等待許多較小的）。

這就是爲什麼CSS精靈使用。

欲瞭解更多信息，你可以看一下，比如：CSS Sprites: Image Slicing’s Kiss of Death

除此之外，你還可以使用lazy load