A decir verdad, un theme con grandes cualidades por lo general tiene un CSS muy grande y pesado, ya que tiene los contenedores de estilo de cada sección, lo que aparentemente lo hace algo muy bonito y a la vez muy popular.

Pero seguramente nosotros tarde o temprano nos daremos cuenta de que esta será una de las principales causas de que nuestro blog demore mucho en cargar, hasta habrá veces en las cuales sea tanta la demora que el navegador se vea en la necesidad de parar la conexión.

Pues bien, hoy les traemos un tutorial excelente publicado en Ayuda WordPress, para comprimir el CSS y acelerar la carga del blog.

1.- El primer paso será hacer una copia de seguridad de la hoja de estilos del blog, el archivo “style.css“.

2.- Luego debemos renombrarla a “style.css.php”, lo que hacemos es añadirle la extensión .php.

3.- Comenzaremos a editarla. Lo que haremos es añadir el siguiente código al inicio de nuestra hoja: <?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>

4.- Luego al final de esta misma hoja añadimos el siguiente código: <?php if(extension_loaded('zlib')){ob_end_flush();}?>

5.- Guardamos los cambios y ahora empezaremos a trabajar con el archivo “header.php“.

6.- Ubicaremos una línea igual o parecida: <link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” media=”screen” />

7.- Y la reemplazamos por la siguiente: <link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>.php” type=”text/css” media=”screen” />

Y ya lo tenemos listo, un blog que se cargará muy rápido y se comprimirá lo hoja.

Visto en Ayuda WordPress