Reader Level:
ARTICLE

Minify CSS before deploying Web Project

Posted by Deepak Verma Articles | JavaScript August 09, 2012
This article demonstrates how to use YSlow to minfy CSS.
  • 1
  • 0
  • 3609

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

COMMENT USING

Trending up