Proper loading & caching of css/js libraries

Hello,

I have never really cared for the issue but now I'm working on a project that I want to be a completely seamless and loading-less experience for the users.

Firstly, fonts: I want them to be rendered instantly, without the flash of "unfonted" text. Currently I am using Google fonts WebFontLoader approach and although I've stumbled upon several articles/posts on that the script takes care of caching of the font files, it seems that each page reload forces loading of them again.
Edit: I have switched to hosting font files loclaly, on the server using this great tool: https://google-webfonts-helper.herokuapp...-ext,latin
So the fonts loading issue is solved, they work fine now.

Secondly, I am using JSDelivr and Cloudflare's CDNJs to load jQuery, CSS framework and other libraries - here it also seems like some files are loaded over and over again on each page refresh. You may see it how does the center blue box is expanding to viewport height only after a second or so.

Yet, since I am hosting the site on Gigarank and I use Cloudflare CDN, I now thought that I should host everything locally - it will eventually be in Cloudflare's cloud anyways, am I right?

Website: https://ile.oddam.ml/

Regards! Have a fine weekend, gals & lads!
Greg