1、當頁面中的圖片很多時，圖片的加載可能會影響一些重要數據的加載。

　　圖片按需加載的實現思路：

　　1、去掉img的src屬性，代替以其它自定義屬性存放圖片的url。

　　2、判斷該圖片是否在首屏，如果在首屏，為圖片添加src屬性，并將自定義屬性中的圖片url賦值給src。

　　3、當滾動滾輪時，判斷圖片是否進入屏幕顯示區，如果進入，為圖片添加src屬性，并將自定義屬性中的圖片url賦值給src。

2、非當前顯示的部分，比如當用戶點擊之后才顯示的內容，無需事先浪費性能進行相應的解析和渲染。因為用戶可能不會去點擊。

　　內容按需加載的實現思路：

　　1、將非當前顯示的部分放入到textarea標簽中，并隱藏起來。

　　2、當用戶觸發（可能是點擊，也可能是進入屏幕顯示）該部分的顯示時，從textarea中取出并插入到相應的DOM節點上。

轉載于:https://www.cnblogs.com/charling/p/3386897.html

總結

以上是生活随笔為你收集整理的按需加载的实现方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。