當我們在瀏覽網頁的時，有些資料是由後端資料庫傳送回前端，接著顯示在畫面上的。所以如果資料量很大，一般會做兩種設計：
1. 分頁切換 Pagination
2.惰性載入 Lazy Load

今天想和大家分享的是：Lazy Load 惰性載入。 
在講專有名詞前，先回想一下，有沒有你曾經操作過哪個網站 or App，快要看到底時，內容又默默地長出來，接著你可以繼續往下看呢？這其實這非常常見，像是pinterest、FB、IG等等，都是採用這樣的做法，也就是 #網頁偵測你滑動快要到底時，#程式去跟資料庫要資料，接著再次顯示在畫面中。而這樣的技術就叫做 「Lazy Load 」。

為什麼需要呢？
假設如果一個網站，他有上千筆資料，一次跟資料庫取得，會造成載入速度很慢，影響使用者體驗。
因此透過 Lazy Load，將這些資料分批載入，若使用者有興趣往下看，再去資料庫取得。

設計時需要注意什麼呢？
如果你的資料很多，使用者一直往下滑，程式端就會不斷向資料庫取得資料，而當你有設計Footer，有可能會因為無限載入而永遠看不到！

這邊有一個很可愛的例子，讓大家實際感受一下：
https://codepen.io/ste-vg/full/PoQgvBK

未來在設計時，除了分頁以外，也可以考慮這樣的設計方法，讓使用者在瀏覽時能夠不被中斷，可以一直延續看下去。

但記得一次不要跟資料庫要太多，不然還是有可能一直轉圈圈讓使用者等待太久。

我是Lisa，收收UI / UX 和 Taiwan UI / UX人生設計學創辦人，曾任職平面設計師、網頁前端工程師，最後轉職到自己喜歡職位 – UI / UX Designer，目前也是一位講師，致力於零基礎教學，與協助想轉職的人。