延遲加載和預加載。

技術源於需求,下面說說延遲加載與預加載概念出現的原因與技術方案。

1.延遲加載

爲了減少http請求的次數,減緩壓力,當頁面圖片很多時候,採用所見即所得方式,當頁面滾動到圖片位置時候,再進行加載圖片,也叫懶加載,有lazyload的插件可給

各位懶人使用。

曾經做過一個移動端的小項目,在網速不好的時候,首頁圖片加載過慢,就會卡主,那麼將靜態頁面中圖片的src設置爲空,設置img的高度寬度,在頁面全部加載完成時候,在將src改爲正確值。

這其實也算是延遲加載的一種方式。

2,預加載

與延遲加載整好相反,在圖片未出現在視口中的時候,用new image方式加載圖片,載入緩存。在使用圖片時候直接從緩存中加載。


發佈了26 篇原創文章 · 獲贊 0 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章