Moving all CSS style rules into a single Sheet Minified

Hello, I was wondering if you had a procedure on Moving all CSS style rules ans JS script into a single Sheet and Minified?

If not could you give guidelines on how to implement that safely?

Thank you
Regards

Reference:

Code: Select all

CSS files
http://www.quebecguitare.ca/templates/gk_john_s/css/k2.css
http://www.quebecguitare.ca/templates/gk_john_s/css/system/system.css
http://www.quebecguitare.ca/templates/gk_john_s/css/normalize.css
http://www.quebecguitare.ca/templates/gk_john_s/css/layout.css
http://www.quebecguitare.ca/templates/gk_john_s/css/joomla.css
http://www.quebecguitare.ca/media/system/css/modal.css
http://www.quebecguitare.ca/templates/gk_john_s/css/template.css
http://www.quebecguitare.ca/templates/gk_john_s/css/menu/menu.css
http://www.quebecguitare.ca/templates/gk_john_s/css/gk.stuff.css
http://www.quebecguitare.ca/templates/gk_john_s/css/font-awesome.css
http://www.quebecguitare.ca/templates/gk_john_s/css/style1.css
http://www.quebecguitare.ca/templates/gk_john_s/css/override.css
http://www.quebecguitare.ca/templates/gk...n_s/css/typography/typography.style1.css

http://www.quebecguitare.ca/templates/gk_john_s/css/small.desktop.css
http://www.quebecguitare.ca/templates/gk_john_s/css/small.tablet.css
http://www.quebecguitare.ca/templates/gk_john_s/css/mobile.css
http://www.quebecguitare.ca/templates/gk_john_s/css/tablet.css

Scripts
http://www.quebecguitare.ca/media/jui/js/jquery-migrate.min.js
http://www.quebecguitare.ca/media/jui/js/jquery-noconflict.js
http://www.quebecguitare.ca/media/system/js/core.js
http://www.quebecguitare.ca/media/system/js/mootools-core.js
http://www.quebecguitare.ca/components/com_k2/js/k2.js?v2.6.8&sitepath=/
http://www.quebecguitare.ca/media/jui/js/jquery.min.js
http://www.quebecguitare.ca/media/jui/js/bootstrap.min.js
http://www.quebecguitare.ca/templates/gk_john_s/js/modernizr.js
http://www.quebecguitare.ca/media/system/js/modal.js
http://www.quebecguitare.ca/templates/gk_john_s/js/gk.scripts.js
http://www.quebecguitare.ca/templates/gk_john_s/js/scrollreveal.js
http://www.quebecguitare.ca/templates/gk_john_s/js/gk.menu.js
http://www.quebecguitare.ca/modules/mod_...portal_modes/portfolio2/script.jquery.js
http://www.quebecguitare.ca/modules/mod_...o_gk5/interface/scripts/engine.jquery.js
http://www.quebecguitare.ca/media/system/js/mootools-more.js



Please check this article:
https://www.gavick.com/documentation/un ... oomla-3-x/
Probably compressing js and css files might help, but sometimes it causes problems and some of the css/js files needs to be removed from compression and served separately.