Juan Manuel Viernes, 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 (2)

  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

Deja tu opinión

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