前端性能優化 --- 懶加載&預加載

前端性能優化學習筆記四

懶加載

有些資源文件不需要在頁面渲染時就緩存下來
在電商網站中，一個頁面可能很長，需要加載很多張圖片，這時候可以利用懶加載的策略來處理：只緩存可視區域的圖片，當頁面下拉時，再加載新的圖片。

預加載

有些資源文件頁面渲染時並沒有引用到但是需要預先緩存下來
有這樣一個情景：當某個圖片hover時會變成另一張圖片。而那張圖片並沒有被預先緩存下來，hover的一瞬間會向服務器請求這張圖片資源，這可能會造成留白，用戶體驗不佳。