Now we will learn how to compress these codes using simple online tools for minifaction. Before proceeding to the process, we recommend you to make a save an original copy of the actual code which can be re-used if there is any problem in understanding after compression. Usually it doesn't happen but it might disturb if you remove comments inside the code and when it comes to edit it in future, you get stuck in finding the required syntax.
Compress/Minify CSS:CSS is found inside <style> tags and is used to design layout of webpage. Externally hosted CSS can be linked using link tag with rel='stylesheet' attribute which resembles the below example.
<link href='link-to-external-css-file' rel='stylesheet'/>Externally hosted CSS code can be found by browsing the link to CSS file in link tag. To minify the CSS go to any online compression tool like CSS Compressor, CSS Drive or CSS Minifier and compress the CSS according to your requirement.
After compressing, replace the old coding with new compressed one. Now its up to you if you embed the sheet in template or webpage itself or host your CSS externally.
Replace the compressed code with original one or host it externally as per your choice.