# AngularJS項目開發技巧之圖片預加載
### 緒
項目(移動端采用Ionic?框架)開發完畢,測試階段發現移動APP首頁的廣告圖片(圖片由服務器端返回相應url地址)很難加載,主要原因還是網速。如下圖左所示,圖片加載完畢如下圖右所示。
?????????
? ? ? ? ? ?
### 問題分析
嘗試進行圖片加載的優化工作。
經過與Ionic群內賣火柴朋友的聊天,獲取到如下內容:手機端訪問速度受服務端帶寬的限制。一個接收一個傳輸,和兩方都有關系。服務器對app影響是很大的。2M?一般是網站使用還可以??app會不樂觀。增加服務器帶寬比在客戶端做工作要好很多,還有就是服務圖片優化。緩存機制只是下載后的事情,再說ionic的拉數據加上緩存有bug。只能是輪番?和一些固定圖片可以使用。因此考慮使用緩存機制的策略暫時告吹。
### 問題解決
提升服務端帶寬。2M-->?M
在這里只是提供一個解決問題的思路,若大家有什么好的建議或想法可以給我留下你寶貴的評論,謝謝。
### 美文美圖
??
- 前言
- (一)深入理解ANGULARUI路由_UI-ROUTER
- (二)AngularJS路由問題解決
- (四)ANGULAR.JS實現下拉菜單單選
- (五)Angular實現下拉菜單多選
- (六)AngularJS+BootStrap實現彈出對話框
- (七)實現根據不同條件顯示不同控件
- (十)AngularJS改變元素顯示狀態
- (十四)AngularJS靈異代碼事件
- (十七)在AngularJS應用中實現微信認證授權遇到的坑
- (十八)在AngularJS應用中集成科大訊飛語音輸入功能
- (十九)在AngularJS應用中集成百度地圖實現定位功能
- (二十一)Angularjs中scope與rootscope區別及聯系
- (二十三)ANGULAR三宗罪之版本陷阱
- (二十四)AngularJS與單選框及多選框的雙向動態綁定
- (二十五)JS實現導入文件功能
- (二十七)實現二維碼信息的集成思路
- (二十八)解決AngualrJS頁面刷新導致異常顯示問題
- (二十九)AngularJS項目開發技巧之localStorage存儲
- (三十)AngularJS項目開發技巧之圖片預加載
- (三十一)AngularJS項目開發技巧之獲取模態對話框中的組件ID
- (三十二)書海拾貝之特殊的ng-src和ng-href
- (三十三)書海拾貝之簡介AngularJS中使用factory和service的方法
- (三十四)Angular數據更新不及時問題探討
- (三十六)AngularJS項目開發技巧之利用Service&Promise&Resolve解決圖片預加載問題(后記)