Juan Manuel 1 de agosto de 2008 a las 14.36
   Imprimir artículo
elWebmaster.com

Comprimir din√°micamente (con PHP) tu hoja de estilos CSS


Comprimiendo con PHP el código de tu hoja estilos CSS dinámicamenteSi eres fanático de la reducción de peso en los archivos de tu página web, seguramente tratarás de ofuscar el código de tus archivos lo más posible, no dejando espacios, tabulaciones ni saltos de línea. Pero el problema viene a la hora de trabajar con los archivos que comprimiste. Si bien siempre puedes guardar una copia del código indentado, hay una forma mucho más práctica de comprimir tu código.

Tomemos por ejemplo tu hoja de estilos CSS. Mucho más práctico sería que el código estuviera prolijamente indentado y por medio de PHP podríamos comprimirlo dinámicamente antes de que se cargue en el servidor. ¡Lograr esto es muy sencillo! Sólo tienes que seguir estos pasos.

Comprimiendo con PHP el código de tu hoja estilos CSS dinámicamente

Primero debes crear un nuevo archivo llamado .htaccess en la misma carpeta que se encuentra tu hoja de estilos CSS. Escribe estas líneas de código dentro:

<Files estilos.css>
SetHandler application/x-httpd-php
</Files>

(Recuerda cambiar “estilos.css” por el nombre que le hayas puesto a tu regla CSS ūüėČ ).

Ahora abre tu hoja de estilos y copia este código arriba de todo:

<?php
header('Content-type: text/css');
function compress($buffer) {
$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
$buffer = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), '', $buffer);
return $buffer;
}
ob_start("compress");
?>

Y al final de la misma:

<?php ob_end_flush(); ?>

¡Listo! Prueba ahora abrir tu navegador y ver desde allí tu hoja de estilos CSS.

Fuente: GrupeNet


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (4)

  1. feli dice:

    Te agradezco por el tip. Muy bueno, lo voy a probar

  2. zetta dice:

    Esta buena la idea, sin embargo no sirve para css con hacks u_u

  3. Rodolfo dice:

    Alguien me puede ayudar?, las paginas las hago en flash, pero van varios clientes que me piden hacerla en css2, no tengo idea como se nombra el archivo en php y en css2 y como “jalar” el dise√Īo css2 a php para desplegarlo en la pagina, gracia spor su ayuda… saludos

  4. Juan Manuel dice:

    @Rodolfo

    Css son los estilos que le dan “dise√Īo” al HTML/PHP con que est√° hecha una p√°gina web. En el Taller de Adobe Dreamweaver hay tutoriales sobre el tema, te recomiendo que los veas. ¬°Saludos!

    http://www.elwebmaster.com/editorial/taller-de-adobe-dreamweaver-divisores-y-estilos-1

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder