當你啟動一個App時，需要從手機儲存器和網路載入所需的控制元件和多資料，由於手機效能和網路狀況的差異，載入需要等待無法避免。流暢的 App 互動體驗離不開合適的載入策略，本文將輸出載入型別的分析與總結。
▼全頁載入常見的轉菊花就是這種載入方式。這是介面載入最原始的狀態，需要將介面所有內容都下載後才顯示出來。
在網速不好或載入內容太大、數量太多的情況下，此種載入方式會讓等待顯得更為漫長，導致使用者心生焦慮感，用腳投票離場而去。因此，不少app會把「轉菊花」gif改成「App吉祥物」gif、「幾何」gif等等，比如趣滿滿App載入時就會有一隻可愛的小牛在奔跑，用有趣動畫分散使用者的注意力，緩解等待的焦慮。
▼佔位塊載入Skeleton Screen（載入佔位塊/載入佔位圖）是先載入佔位塊，然後載入資料，讓使用者有一種載入很快的感覺。佔位塊的位置與大小應與介面的內容排版樣式是一致的。這種載入方式有個侷限，如果介面沒有固定的內容排版樣式（即佈局多變），強行使用佔位塊載入，會讓人感覺很不連貫，跳躍性太大。
▼分步載入有時候，我們在網路不太好的情況下刷淘寶，我們會先看到文字，後面再看到圖片、視訊，這種就是分步載入。分佈載入的體驗比佔位塊載入又更好一些。
如果採用這種載入方式，建議佔位塊的UI可以帶上app的logo或吉祥物等，可讓頁面更美觀，同時也加強了品牌的宣傳。
那為什麼介面顯示一般都是先文字後圖片呢？這是因為在多種元素的介面中，介面先載入完畢容量和框架較小的文字內容，而圖片、視訊其容量和框架較大，需要更多時間才載入完畢。圖片們往往也不是同一時間載入完畢的，因不同照片的容量是不一樣的。
那非分步載入方式是如何的？那就是第一種「全頁載入」，等大家都載入完畢了再全員showtime。
▼預載入現在好一些新聞類App都會採用這種載入方式。當你開啟app首頁，除了首屏，還沒滑到的第二屏、第三屏、第N屏...也會一起載入，有的還會把首屏內容的文章詳情頁也進行預載入，比如下圖的微信，開啟「訂閱號訊息」頁，自動載入好了頁面中的各文章詳情頁。這種載入方式的優點在於無需等待即能直接閱讀文章詳情，閱讀體驗很好；缺點是耗費流量和增大伺服器壓力。
▼懶載入
懶載入指的是，合理的進行圖片、靜態資源延遲載入，甚至介面或業務邏輯的延遲執行，做到給首屏最大的效能空間，達到頁面首屏更快的渲染效果。這種方式只載入當前螢幕的內容，不會像「預載入」那樣把還沒瀏覽到的內容先載入好。
▼進度條載入顧名思義，載入程序會用進度條來表示。這種載入方式常見於開啟H5連結。如果光禿禿地只有一個進度條（如下圖微信介面），會有點枯燥；若加入圖片/動畫則會顯得更有趣一些（如下圖騰訊新聞）。
▼混合載入
以上載入方式，可根據實際業務場景靈活混合使用，很多app都不止一種載入方式。比如我負責的一款app，其資訊模組採用混合載入方式：在刷資訊的時候是預載入和分步載入結合的。如果不採用預載入，使用者想看下一屏的資訊/新聞就會花很多時間在上拉等待載入導致心情焦慮體驗很不好，故而採用了預載入；而預載入也有其弊端，比如使用者在用自己流量情況下在app看資訊，如果文字和圖片全都預載入好了將會導致耗費使用者大量流量，以及增大伺服器壓力，故也結合了分步載入的方式，即預載入的只有文字而沒有圖片、視訊。