moving JS files

Hey all, I’m trying to speed up my website. unicriscreations.com

I am using the theme called THE7 from themforest. but I also have quite a few plugins in an effort to get the functionality I want. (I’m trying to learn how to modify the theme myself so i can eliminate these plugins.)

But as you can expect, all these plugins create a ton of extra JS and CSS files. I have tried some popular caching and minify plugins, have tried to use googles CDN for jquery, and have tried several plugins that move JS to the bottom of the page for faster loading.

But anytime I modify the css or JS files, my site ends up breaking. Images don’t display, and menus don’t work.

Im assuming this is due to CSS and other functionality being generated by JS that makes the site work. Or the minify plugins trying to minify files that have already been reduced.

So I suppose my question would be, how can I specify or manually combine, move, or minify specific files, but not touch files that affect page functionality? I’d also like to only have plugins js or css load if it is actually used on the page. I’ve seen several possible solutions to this, but they dont seem to work with the way my theme or plugins are coded.