Comprime el CSS de tu tema WordPress

Publicado por Fernando Tellado el 5 Ene, 2009

Hay muchas maneras de acelerar tu blog WordPress, pero no siempre el problema está en la sobrecarga de plugins, hay veces que una hoja de estilos demasiado grande puede ralentizar la carga de tu blog.

Si quieres comprimir el CSS de tu theme sigue estas indicaciones …

Haz una copia de tu hoja de estilos, el fichero ‘style.css‘ que encontrarás en la carpeta de tu theme
Renombra el archivo añadiéndole la extensión ‘.php‘ para que quede como ‘style.css.php‘
Abre tu nuevo archivo ‘style.css.php‘ y añade esta línea el principio de todo:
PHP
<?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>
1
<?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>
Al final de este mismo archivo (‘style.css.php‘), añade la siguiente línea:
PHP
<?php if(extension_loaded('zlib')){ob_end_flush();}?>
1
<?php if(extension_loaded('zlib')){ob_end_flush();}?>
Guarda los cambios
Abre el archivo ‘header.php’ de tu theme y busca una línea similar a esta:
PHP
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
1
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
Remplázala con esta otra:
PHP
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>.php" type="text/css" media="screen" />
1
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>.php" type="text/css" media="screen" />
Guarda los cambios

Con eso ya lo tienes, ahora, la hoja de estilos que se cargará será la PHP, que incluye el código necesario para que se comprima en el servidor, acelerando la carga de tu blog.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.