Increase performance – Combine & Minify CSS with PHP.

A fast website equals a good user experience. It also pleases search engine spiders. Using a little PHP you can combine & minify all of your CSS files on-the-fly. This not only reduces the overall filesize, but also minimises HTTP requests.

Using a little PHP, we can easily combine & minify all of our CSS files at runtime.

How do we do it?


<?php
header('Content-type: text/css');
ob_start("compress");

    function compress( $minify )
    {
	    /* remove comments */
    	$minify = preg_replace( '!/*[^*]**+([^/][^*]**+)*/!', '', $minify );

        /* remove tabs, spaces, newlines, etc. */
    	 $minify = str_replace( array("rn", "r", "n", "t", '  ', '    ', '    '), '', $minify );

        return $minify;
    }

    /* css files for combining */
    include('reset.css');
    include('application.css');
    include('responsive.css');

ob_end_flush();

Usage.

Create a file with the code above and save it as minified.css.php, then simply link to that file as you would normally for your CSS file:
<link href="assets/css/minified.css.php" rel="stylesheet">

All the CSS files you reference inside the script will be combined & minified at run time.

Conclusion.

This not only makes your web site faster, it also allows you to work with multiple files in development without having to manually compress each before pushing to production.

UncoverWP

Want us to email you occasionally with our latest courses, news & updates?

We use cookies to ensure that we give you the best possible experience on our website. If you continue to use this site we will assume that you are happy with it. OK Privacy Policy