El siguiente método nos puede servir para comprimir varios CSS en uno sólo. Además de unir todos los CSS en uno sólo, se eliminan comentarios, espacios, tabs,... De este modo el tiempo de carga se reduce y eliminamos peticiones HTTP. En vez de cargar los diferentes CSS deberemos cargar un fichero PHP con la siguiente estructura:

<?php
header('Content-type: text/css');
ob_start("compress");
function compress($buffer) {
  /* eliminar comentarios */
  $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
  /* eliminar tabs, espacios, lineas en blanco, etc. */
  $buffer = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $buffer);
  return $buffer;
}
/* tus ficheros css */
include('master.css');
include('typography.css');
include('grid.css');
include('print.css');
include('handheld.css');

ob_end_flush();
?>

Visto en » »