Javascript 优化图像以生成GIF

我正在使用一个库，该库生成n个进入2个图像的帧。我的问题是在生成帧之后

我正在尝试生成gif（gif.js），并优化生成时间。我正试图在IONIC框架的帮助下为手机实现这一点，所以我应该尽可能地优化。我在运行应用程序时遇到问题。GIF生成的延迟甚至比生成帧的算法本身还要大。我正在尝试添加60帧，我制作了一个console.log（gif.frames），我看到所有保存的图像都是base64。我不确定这是否会影响此过程所需的时间

所有的图片，我都用软件压缩成10-12kb左右的jpg图片

我是用这段代码做的，大小是280px x 280px

var gif = new GIF({
  workers: 2,
  quality: 10
});

var res_c = document.getElementById("result");
var res_ctx = res_c.getContext('2d');

var frames = animator.frames; //60 images in format imageData, 60 frames
for (var x = 0; x < frames.length; x++) {
    res_ctx.putImageData(frames[x],0,0);
    gif.addFrame(res_c,{copy:true,delay: 50});
}

gif.render();

var gif=new gif({
工人：2，
质量：10
});
var res_c=document.getElementById（“结果”）；
var res_ctx=res_c.getContext（'2d'）；
var frames=animator.frames//图像数据格式的60幅图像，60帧
对于（var x=0；x