AngularJS項目開發技巧之圖片預加載

緒

      項目(移動端采用Ionic 框架)開發完畢，測試階段發現移動APP首頁的廣告圖片(圖片由服務器端返回相應url地址)很難加載，主要原因還是網速。如下圖左所示，圖片加載完畢如下圖右所示。

問題分析

      嘗試進行圖片加載的優化工作。

      經過與Ionic群內賣火柴朋友的聊天，獲取到如下內容:手機端訪問速度受服務端帶寬的限制。一個接收一個傳輸，和兩方都有關系。服務器對app影響是很大的。2M 一般是網站使用還可以  app會不樂觀。增加服務器帶寬比在客戶端做工作要好很多，還有就是服務圖片優化。緩存機制只是下載后的事情，再說ionic的拉數據加上緩存有bug。只能是輪番 和一些固定圖片可以使用。因此考慮使用緩存機制的策略暫時告吹。

問題解決

      提升服務端帶寬。2M-->?M

      在這里只是提供一個解決問題的思路，若大家有什么好的建議或想法可以給我留下你寶貴的評論，謝謝。

美文美圖

來自： http://blog.csdn.net/sunhuaqiang1/article/details/50535580