Comprimir nuestros archivos CSS con PHP

Escrito por J.F. el Lunes, 1 de Octubre del 2007 a las 18:06

Vía Gran Ímpetu me encuentro con una forma que no conocía para comprimir nuestras hoja de estilos. Según comenta el autor la capacidad de compresión es enorme, y es muy fácil de implementar. Para ello simplemente debemos renombrar nuestra hoja de estilos con extensión php. Si nuestra hoja de estilos es estilos.css le cambiaremos el nombre a estilos.css.php.

TEXTO PLANO

HTML:

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

Luego abrimos el archivo stilos.css.php y en la primera línea añadimos el siguiente código:

TEXTO PLANO

PHP:

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

En la última línea debemos añadir:

TEXTO PLANO

PHP:

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

De ésta manera comprimimos el css con la librería zlib. Para aplicar ésto a Wordpress debemos cambiar la forma de llamar al css. Por defecto aparece así:

TEXTO PLANO

HTML:

1. <style type="text/css" media="screen">
2. @import url(<?php bloginfo('stylesheet_url'); ?>);
3. </style>

Simplemente añadimos .php al final y listo:

TEXTO PLANO

HTML:

1. <style type="text/css" media="screen">
2. @import url(<?php bloginfo('stylesheet_url'); ?>.php);
3. </style>

De ésta manera mejoraremos la velocidad de carga de nuestra página web.

Categoria: Wordpress, PHP, CSS

• Añadir este post a
• Del.icio.us -
• Meneame -
• Digg -
• Webeame

Entradas relacionadas

Deja un comentario

Nombre (obligado)

E-mail (no sera publicado) (obligado)

Pagina web

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>