網頁圖片的懶加載和預加載

網頁涉及到大量圖片時，因爲圖片大量加載，致使頁面會出現一段時間的「空白」，應對這種狀況須要用到圖片的懶加載和預加載技術，javascript 預加載主要原理：：提早加載圖片，當用戶須要查看時可直接從本地緩存中渲染。在含有大量圖片網頁加載以前，進行圖片的加載，通常經過new image() 對象，設置其src來實現預載（瀏覽器會緩存）。 因爲瀏覽器把圖片下載到本地，一樣的src就會從緩存中讀取。當I

>>阅读原文<<