預載入增加了伺服器壓力，換來的是使用者體驗的提公升，典型例子是在乙個較多的網頁中，如果使用了預載入就可以避免網頁載入出來是時，的位置一片空白（可能還沒載入出來），造成不好的使用者體驗；懶載入的作用減少不要的請求，緩解了伺服器壓力
原理：原理很簡單，先把img的src指向空或者乙個小，真實的位址儲存在img乙個自定義的屬性裡,< img src=」」 data-src=」 />,等到此出現在視野範圍內了，獲取img元素，把data-src裡的值賦給src。這樣做能防止頁面一次性向伺服器響應大量請求導致伺服器響應慢，頁面卡頓或崩潰等問題。
優點：頁面載入速度快、可以減輕伺服器的壓力、節約了流量,使用者體驗好
提前載入，當使用者需要檢視時可直接從本地快取中渲染
意義：預載入可以說是犧牲伺服器前端效能，換取更好的使用者體驗，這樣可以使使用者的操作得到最快的反映。
懶載入和預載入
懶載入和預載入 懶載入的原理及實現 處理預載入時設定img 的src 屬性和img 的onload 事件的位置前後順序關係 關於的預載入,你所不知道的 載入的過程是非同步的 一 懶載入 介紹 目的 二 預載入 介紹 目的 這對畫廊及佔據很大比例的 來說十分有利，它保證了快速 無縫地發布，也可幫助使用...
預載入和懶載入
懶載入 通過監聽scroll事件，判斷進入可視區域之後請求資源 對於電商等很多，頁面很長的業務場景適用 減少無效資源的載入 併發載入的資源過多會阻塞js的載入，影響 的正常使用 可以使用原生js或者引用zepto.min.js var viewheight document.documentelem...
懶載入和預載入
懶載入和預載入 懶載入的原理及實現 處理預載入時設定img 的src 屬性和img 的onload 事件的位置前後順序關係 關於的預載入,你所不知道的 載入的過程是非同步的 一 懶載入 介紹 目的 二 預載入 介紹 目的 這對畫廊及佔據很大比例的 來說十分有利，它保證了快速 無縫地發布，也可幫助使用...