Need to get minimal GSAP file size for using on the banner

[Betegy]

Hey guys.

 

I got a request to generate a minimal animation file for using on banner without internet, so CDN I cannot use.

I found post about old version GSAP:

I using gsap.timeline() .set() .from() .to() and Eases.

 

Maybe someone know how to optimize gsap.min.js (72kb) file more than it is.

Maybe could help combination of other minified files.

 

Thank You in advance!

[geedix]

It's unusual to have a banner without internet! If you're trying to keep all your code local and lightweight, you might try doing your animation with just CSS, or use a smaller library like anime.js, which is 18k. You can't split GSAP into smaller components. 

[GreenSock]

Why would file size even matter if nothing is being loaded over the Internet? 

 

The short answer is "no", you can't just rip out a bunch of the core. If you really need something custom like that, you can reach out to us directly for paid consulting services but I really don't see why that'd even be necessary if things aren't loaded over the web. 

[Betegy]

Thanks for Your replies.

Yes, You right, banner will use internet, and loaded through it, sorry for confusion. But I need callback when internet is absent, and for this I need achieve a minimal file size (coz banner will load a lot of times), when CDN link will be not available.
This is additional clarification if someone need the same option.
Sorry again for misunderstanding!

[emmanuelulloa]

9 hours ago, Betegy said:

Thanks for Your replies.

Yes, You right, banner will use internet, and loaded through it, sorry for confusion. But I need callback when internet is absent, and for this I need achieve a minimal file size (coz banner will load a lot of times), when CDN link will be not available.
This is additional clarification if someone need the same option.
Sorry again for misunderstanding!

I assume is for some sort of device that people will take in the field.  I have dealt with stuff like that with healthcare providers.  I usually go with CSS animations and using JS to toggle classList names to make them happen.

[GreenSock]

I'm still a bit confused - how would the banner get there in the first place if there's no internet connection? If it's a local file, then file size doesn't matter at all. Right?

 

If you're loading it initially over the web and then the connection might get cut later, then why not just cache that CDN content and use that in the future if the web connection is no longer available? 

[manchester]

I just want to add to this use case. As ad developers we are required to create ads with the minimal weight load possible. Load times as crucial for ad performance. E.g. ad tracking and measurement requires that an ad is fully loaded, rendered and on screen before it can be tracked. So if you have a masthead creative with a nice animation, but takes 10sec to load, that’s enough time for a user to scroll it out of screen before it’s loaded.
 

in most cases one would use an ad creator platform that would take care of the animation. But maaaaany advertisers use Google Ad Manager(GAM) and won’t use a third party ad platform to keep costs low, so they choose to hand code ads in house. GAM for instance have very strict specs and max file size, and if you go above it by a tiny bit they just reject your ad. Sure you can always sacrifice image quality but you know who wants to do that 😅

 

So when you’re handcoding html5 ads, what do you use? You guess it, GSAP. However, GSAP may be a bit heavy for certain cases where you have lots of assets. E.g a product carousel for a shoppable ad, or an ad that also has a video. Or just a really cool animation. 

Anyways, it might useful to have a lighter version for certain cases.

 

hope this is helpful for prosuct dev.

 

cheers

 

[GreenSock]

@manchester pretty much every ad network that I know of whitelists GSAP, so it's essentially "free" in terms of file size; it shouldn't count against your ad size. Y

[Michael Barsotti]

We use gsap on all our ads but we do have a healthcare situation where an ad runs inhouse only, over the hospital network. In that case they are not concerned with file weight, so we just include all the gsap files.  I can see a situation where an inhouse ad might run on "company mobile devices in the field", but even then, the code would be cached when the device was connected. In all honesty, it sounds to me like your dealing with people who don't understand stuff.

 

I can confirm that if you reach out to the Greensock team they are amazing and will solve this whether it's by using Greensock or otherwise.