我正在用一个新的SVG/CSS微调器取代Ember.js应用程序的旧gif微调器.
这是微调器,在我的项目中保存为.svg:
http://codepen.io/FezVrasta/pen/pJXovM
我用这个CSS加载它:
background: no-repeat center;
background-image: url(../images/spinner.svg);
background-size: 65px 65px;
问题是我的Ember.js应用程序在显示微调器时进行了大量计算,这使得微调器滞后.
我尝试使用b64.io在base64中对svg进行编码,但唯一的好处是加载时间,性能是相同的.
正如您所看到的,我已经尝试使用GPU rotate3d而不是rotate,但我没有得到任何性能提升.
有什么建议可以改善它的流动性吗？欢迎良好做法,技巧等.