2017-02-03 2 views
1

私は約600MBのGIFを持っています。私は自分のアプリの外でホストしました。私はこれらのGIFSをURL(例えば、my-gif-api.com/15.gif)で指しています。イオン2:gifアプリのスムーズさを改善する

<img src="http://www.my-gif-api.com/15.gif"> 

私のアプリには、1ページに6つのアニメーション(GIFS)のような画面があり、レンダリングは非常に遅く、滑らかではありません。時には3つのアニメーションでもアプリが本当に遅くなることがあります。そのような場合のパフォーマンスを向上させる方法はありますか?

+0

たぶん、画像のための遅延読み込みのいくつかの並べ替えを追加しますか? –

+0

正常に理解できれば、画面は1秒間に最高60fpsしか処理できないため、画像を読み込んだ後、アプリの動作が遅くなります。 – TheUnreal

+0

gifを呼び出すために使用しているコードを追加できますか? –

答えて

0

私はイオン1を使って同じ遅れの問題に遭っていました。私はこのパッケージを使って解決しました。 https://www.npmjs.com/package/image-loader-angular,Itは、サーバーから完全にダウンロードされたgifのみを表示します。

ImageLoader.loadImage('your-gif-url').then(function(loadedSrc) { 

     gif.spinnerShow = false; // I'm using gif.show to show a spinner inside the div 

    }); 

はそれがお役に立てば幸いです。)