Improve performance of SVG/CSS spinner -


i'm replacing old gif spinner of ember.js app new svg/css spinner.

this spinner, on project saved .svg:

http://codepen.io/fezvrasta/pen/pjxovm

and load css:

background:       no-repeat center; background-image: url(../images/spinner.svg); background-size:  65px 65px; 

the problem ember.js application lot of calculations while spinner being shown , makes spinner lag.

i have tried encoding svg in base64 using b64.io gain loading time, performance same.

as can see tried use gpu using rotate3d instead of rotate, didn't performance boost.

any advice improve fluidity of it? practices, tricks, , on welcome.

the problem here lies ember.js app, not spinner.

i’d try familiarising profiling tools figure out in ember app causes lagging. i’m sure there steps can take improve performance of app!


Comments

Popular posts from this blog

mysql - FireDac error 314 - but DLLs are in program directory -

git - How to list all releases of public repository with GitHub API V3 -

c++ - Getting C2512 "no default constructor" for `ClassA` error on the first parentheses of constructor for `ClassB`? -