PSD to HTML conversion PSD to HTML conversion PSD2HTML.com with over 300 professionals takes the designs to HTML and beyond

Code Snippet

Home » Code Snippets » CSS » Compress CSS with PHP

Compress CSS with PHP

Start your CSS files with this PHP (and name it style.php):

<?php
    ob_start ("ob_gzhandler");
    header("Content-type: text/css; charset: UTF-8");
    header("Cache-Control: must-revalidate");
    $offset = 60 * 60 ;
    $ExpStr = "Expires: " .
    gmdate("D, d M Y H:i:s",
    time() + $offset) . " GMT";
    header($ExpStr);
?>

body { color: red; }

Then call your CSS with the PHP file name:

<link rel='stylesheet' type='text/css' href='css/style.php' />

Subscribe to The Thread

  1. Ben says:

    Some older browsers choke when CSS files don’t have the .css extention. It’s the same with Javascript files.

    Perhaps use .htaccess to rename it to style.css

  2. TeMc says:

    @Ben: Or rename the file to .css and use .htaccess to interpretate is as PHP ;-)

  3. TeMc says:

    @Ben: Or rename the file to .css and use .htaccess to interpretate it as PHP ;-)

  4. Roflo says:

    I believe it’s good practice to call ob_flush(); at the end of your script.

  5. DougS says:

    how do you know so much stuff

  6. I’m glad to see my submission got up on the site.

  7. Hassan says:

    I get “Cannot modify header information” error. Any idea?

    • David says:

      You may be outputting something before the call to header().

      Usually this is because of a new line or space before the very first <?php tag

  8. Thanks for the snippet. The line

    <pre>header(“Content-type: text/css; charset: UTF-8″);</pre>

    should be

    <pre>header(“Content-type: text/css; charset=UTF-8″);</pre>

  9. cpWicked says:

    What are the advantages if i compress css?:)

  10. i think you can also use gzip or defalte mod options if you are using apache server.

  11. Keshav Naidu says:

    What is the uses ?
    -thanks in advance.. :)

  12. What are the advantages of it? I am using Minify stuff?

Speak, my friend

At this moment, you have an awesome opportunity* to be the person your mother always wanted you to be: kind, helpful, and smart. Do that, and we'll give you a big ol' gold star for the day (literally).

Posting tips:
  • You can use basic HTML
  • When posting code, please turn all
    < characters into &lt;
  • If the code is multi-line, use
    <pre><code></code></pre>
Thank you,
~ The Management ~