Reader Level:
Article
JavaScript

Minify CSS before deploying Web Project

By Deepak Verma on Aug 09 2012
This article demonstrates how to use YSlow to minfy CSS.
    • Like
    • Love It
    • Awesome
    • Interesting
    • It's Okay
    • Thumbs Down
  • 5.5k
  • 0

It's a good idea to use the minfied version of CSS (Cascading Style Sheets). It'll minimize the page load and thus result in performance grow up.

What do you need?

Installation order : Mozilla Firefox > Firebug > YSlow

When you will have completed installation. Open a website and press "F12"

minifycss1.png

Click on "Run Test"

You will see a well detailed result of web page performance test

minifycss2.png

Click on "Tools"

You'll see all available tools

minifycss3.png

Click on YUI CSS Compressor, it'll open a new tab and you will get the minified CSS

minifycss4.png