Placing <script> in html code

[ahsartag]

Hi. I'm a newbie in coding.
A few days ago I installed Webstorm and my GSAP code was not working. Tech support on forum didn't help me, although I sent them the folder with css html and js.
Only today I realized after examining zip folder of my project from CodePen that <script> tags were placed there in the end of html.
And after correction of this my new project started to work.

Should I always move all of my <script> in the end?

[PointC]

Hi ahsartag 

 

You usually want to place your scripts at the bottom of the page so they won't slow down any content from loading. The exception would be a script that may be immediately necessary for some part of the user interface. Another thing to remember is the scripts are loaded from the top down so if you have some script that depended on jQuery being loaded, you'd want to make sure jQuery is loaded before that script.

 

Rather than load your own scripts, I'd highly recommend using a CDN for your GSAP (and other) scripts so you'll realize the benefit of caching. 

 

Hopefully that helps.

 

Happy tweening.

[ahsartag]

Thanks, PointC!

[PointC]

You're welcome.

 

I forgot to mention that you can find all the CDN links by going to the GreenSock home page and clicking on the download button.

 

https://greensock.com/

 

...or you can find them here:

 

https://cdnjs.com/libraries/gsap ( a good bookmark)

 

Happy tweening.

[OSUblake]

JSDelivr is another nice CDN. You can bundle all your scripts up in a single HTTP request!

https://www.jsdelivr.com

 

.

[Carl]

Thanks for sharing that Blake. Seems they already have GSAP 1.19.1 

Here is a single file for TweenLite + EasePack + CSSPlugin: https://cdn.jsdelivr.net/g/gsap@1.19.1(TweenLite.min.js+easing/EasePack.min.js+plugins/CSSPlugin.min.js)