[Sloppy and chuncky animations on mobile]

Guys,

 

I am using gsap for ui animations and when i test them in mobile hardware, they seems too sloppy and not fluid as they look in desktop.

 

The animation is inside this method:

initChatOpenCloseAnimation: function() {
      this.animationCloseTimeline = new TimelineLite({
        paused: true,
        onComplete: _.bind(this.focusComposer, this)
      });

      var container = $(this.options.launcherContainerElement);
      var chatBotContainer = $(this.options.chatbotContainerElement);
    
      this.animationCloseTimeline
          .to(container, .3, {scale: 0, opacity: 0}, 0)
          .to(chatBotContainer, 1, {opacity: 1, y: 0, visibility: 'visible'}, 0);
      },

Do you have any clue of what i'm doing wrong?

 

Thanks in advance.