离子2：提高gif-app的流畅度

Question

我在我的应用程序外部托管了大约600MB的GIF，我通过URL指向这些GIFS（例如：my-gif-api.com/15.gif）。

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

我的应用在一个页面中有一个类似6个动画（GIFS）的屏幕，渲染非常慢且不流畅。有时甚至3个动画使应用程序真的很慢。在这种情况下有没有办法改善性能？

Answer 1

我使用离子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

    });

希望它有所帮助;）