首先將頁面上圖片的src屬性設置為空字符串，而圖片的真實路徑設置為data-original屬性。當頁面滾動時，我們需要監聽滾動事件。在scroll事件的回調中，可以判斷我們的懶加載圖片是否進入了可視區域。如果圖片在可視區域，我們可以將圖片的src屬性設置為data-original的值，這樣就可以實現延遲加載。
資源預加載是另壹種性能優化技術，我們可以用它來提前通知瀏覽器將來可能會用到壹些資源。簡單來說，預加載就是提前在本地加載所有需要的資源，這樣以後需要的時候就可以直接從緩存中取資源了。
在所有頁面加載之前，加載壹些主要內容，為用戶提供更好的體驗，減少等待時間。否則，如果壹個頁面的內容太大，沒有預加載技術的頁面會空白很長時間，直到加載完所有內容。
& ltimg src = "/post/6844903614138286094