I have relatively big SVG that I'm animating with TweenLite - drawSVG.
The problem is I can't make it going smoothly - it always being slow and intermittent first 1-2 seconds and proceeding fine on 3-4th second.
I've tried adding delays to make it wait until the whole page is loaded, but it doesn't give much difference. Also tried renaming 50% of .style0 classes in SVG into another class and making it non-animated and visible from the beginning - not much difference as well, first 2 second of loading are still laggy.
I'm looking for a way to make it smoother without editing SVG itself.
I'm using the following code to animate it:
jQuery(document).ready(function($){
TweenLite.set(".style0", {visibility:"visible"});
var tl = new TimelineLite();
tl.fromTo(".style0", 4, {drawSVG:0}, {drawSVG:"102%"}, "-=1");
TweenLite.render();
});