技術源於需求,下面說說延遲加載與預加載概念出現的原因與技術方案。
1.延遲加載
爲了減少http請求的次數,減緩壓力,當頁面圖片很多時候,採用所見即所得方式,當頁面滾動到圖片位置時候,再進行加載圖片,也叫懶加載,有lazyload的插件可給
各位懶人使用。
曾經做過一個移動端的小項目,在網速不好的時候,首頁圖片加載過慢,就會卡主,那麼將靜態頁面中圖片的src設置爲空,設置img的高度寬度,在頁面全部加載完成時候,在將src改爲正確值。
這其實也算是延遲加載的一種方式。
2,預加載
與延遲加載整好相反,在圖片未出現在視口中的時候,用new image方式加載圖片,載入緩存。在使用圖片時候直接從緩存中加載。