IonicビューでSVGをプリロードする方法は？

Question

私はIonicでモバイルアプリを構築しました。自分のビューの1つにSVGイメージがあります。202KB

このビュー/ページの読み込みには非常に時間がかかるという問題があります。それは、3〜4秒の時間がかかり、ビューを表示します。 svgをより速くロードする方法はありますか？

私は事前にキャッシュにSVGとHTMLビューを追加しようとしました：

$ionicTemplateCache('img/image.svg'); 
$ionicTemplateCache('views/maps.html'); 

私はまた、事前にイメージをロードしますが、それはどちらか助けていないプリロード工場を試してみました。私のアプリがどのように見えるか以下は

var img = ['image.svg']; 

//load all the images 
preloader.preloadImages(imgs).then(function() { 
    // Loading was successful. 
    console.log(" Loading was successful."); 
}, function() { 
    // Loading failed on at least one image. 
    console.log("Loading failed on at least one image."); 
}); 

は次のとおりです。

SVGイメージです

角度指令：SVG画像がロードされている

app.directive('svgMap', [function() { 
    return { 
     restrict: 'E', 
     templateUrl: 'img/image.svg' 
    } 
}]); 

maps.html

<svg-map></svg-map> 

だから、私がmaps.htmlに行くと、読み込むのに非常に時間がかかります。

Answer 1

プリローダーで.preloadImages(imgs)と呼んでいますが、画像はvar imgです。また、サーバー側でsggをgzipしようとする（まだない場合）。