How to reduce unused CSS + JS files?

Hi HB-Themes Team,

my blog is nearly finished and when I test the speed of my website with http://speed-test.pagespeed.de/ I can see, that there are a tons of CSS and JS files, I don’t use.

My sitename is http://selbststart.com

Overall the homepage has got 2,5 MB to download, which might be very much for a mobile device. When analyzig the data, I have got:
Images < 250 kb
HTML-Code < 30 kb

The rest are CSS and JS-Files.

For example, at the home-page I don’t use Essential Grid or Contact Form 7.
Essential Grid is used nowhere at the complete website, so I deactivated the plugin.
But the CSS + JS Files are loaded anyway:
3. http://selbststart.com/wp-content/plugins/essential-grid/public/assets/js/lightbox.js (28,994 KB – 28,994 KB)
4. http://selbststart.com/wp-content/plugins/essential-grid/public/assets/js/jquery.themepunch.tools.min.js (96,452 KB – 96,452 KB)
5. http://selbststart.com/wp-content/plugins/essential-grid/public/assets/js/jquery.themepunch.essential.min.js (115,352 KB – 115,352 KB)

These are 240 kb only for Essential-Grid, I don’t use.

How could I disable CSS and JS-Files for pages I don’t need them. You know, that for Google it becomes more and more important, that the page loads very fast. So I don’t want to waste time and traffic when delivering my content.

Looking forward to your answer.
Regards,
Wolfgang