Quando você está usando ou criando um design sofisticado e começa a criar um monte de arquivo CSS e estes se tornam longos, a partir de um certo momento ele vai consumir um tempo para carregar. E é justamente este tempo que você pode reduzir para que seu site abra rapidamente.

Pesquisei e encontrei 3 maneiras interessantes (e fáceis) de comprimir arquivos CSS usando o PHP.

Método 1

Neste método você precisa renomear o arquivo .css para .css.php e não esqueça de renomear também na chamada do CSS no seu arquivo HTML. Desta forma:

<link rel="stylesheet" type="text/css" media="screen" href="style.css.php"/>

Depois de renomear os seus arquivos CSS, edite cada um deles colocando no topo (na primeira linha) o seguinte código PHP:

<?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');}header("Content-type: text/css"); ?>

Depois, coloque na última linha do seu arquivo CSS o seguinte código:

<?php if(extension_loaded('zlib')){ob_end_flush();}?>

Apenas isso!

Método 2

Basicamente, este método tem o mesmo conceito do anterior, porém neste você só precisa inserir o código na primeira linha do seu CSS.

Primeiro renomeie o arquivo .css para .css.php e na primeira linha do arquivo insira o código:

<?php
  ob_start("ob_gzhandler");
  header("content-type: text/css; charset: ISO-8859-1");
  header("cache-control: must-revalidate");
  $offset = 60 * 60;
  $expire = "expires: " . gmdate ("D, d M Y H:i:s", time() + $offset) . " GMT";
  header ($expire);
?>

Um pouco mais simples do Método 1, pois neste você não precisa ficar editando o topo e rodapé do arquivo. E você pode isolar este código em um arquivo PHP e depois usar um include() e colar em todos os seus .css.php.

Método 3

Este não mistura PHP com CSS (ufa). Neste método você cria um arquivo “estilos.php” e nele você chama os CSS que você quer aplicar na página.

O código abaixo é o que deve estar no seu arquivo HTML para chamar seus CSS:

<link rel="stylesheet" type="text/css" media="screen" href="estilos.php"/>

E dentro do seu arquivo “estilos.php” coloque o seguinte código:

<?php

  header('Content-type: text/css');
  ob_start("compress");
  function compress($buffer) {
    /* remove os comentarios */
    $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
    /* remove tabs, espaços, newlines, etc. */
    $buffer = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $buffer);
    return $buffer;
  }

  /* seus arquivos CSS */
  include('home.css');
  include('interna.css');
  include('secao.css');

  ob_end_flush();

?>

No código acima a única coisa que você deve mudar são as linhas de include(), para os seus CSS correspondentes.

Lembre-se que neste exemplo o arquivo “estilos.php” está no mesmo diretório que seus arquivos .css, caso contrário você deve colocar o caminho correto.