Minify your CSS and Speed Up WordPress

Speeding up WordPress

One of the ways I am speeding up my website is through minifying my CSS. When you are designing or updating your website it is easier to make changes if the code is organized with comments. But, for a computer all those comments and white space just make the file bigger.

Development and Production

In most software development companies there will be a development server and a production server. Everything is tested on the development server and when approved the production server will be updated. Well, you should do the same for your WordPress site. I keep copies of my entire site (uncompressed) locally and when it is time to update to the server, I will minify the CSS.

How to Minify your CSS

I find it very easy to just go to CSS Min instead of running an application on my computer.
  1. First open this site in a separate tab and then go to your WordPress admin section (you do have a backup right?)
  2. Find Appearance and then click on Editor
  3. Look to the right and click your Stylesheet (style.css)
  4. Highlight/Copy all that code and put it in the Source box, click Crunch
  5. Highlight/Copy the code in the Result tab and paste it back into the style.css file
  6. Click save and you should be good.
Stop SOPA