Tal y como dice el título revisando mis feeds(que ya tocaba) he descubierto una forma muy sencilla de comprimir nuestro CSS, el mio concretamente ha pasado de 26Kb a 6Kb, y claro la mejora en la velocidad de carga de la pagina se nota.
El truco es muy sencillo, sólo son 4 pasos.
- Copiar nuestro archivo style.css como style.css.php
- Editar el archivo style.css.php y poner esto al principio.
- Y esto al final.
- Editar el archivo header.php y cambiar la llamada al fichero, ahora llamara al style.css.php. Tenemos 2 posibles formas de hacerlo, así.
<?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>
<?php if(extension_loaded('zlib')){ob_end_flush();}?>
<style type="text/css" media="screen">
@import url(<?php bloginfo('stylesheet_url'); ?>.php);
</style>
o así
<link rel="stylesheet" type="text/css" media="screen" href="/style.css.php"/>
Vía | Gran Impetu
Wow!!
Al final generaremos todos los CSS mediante programación para solventar las limitaciones de las especificaciones actuales.
Me viene genial. Muchas gracias tio 😉
genialissimo!!!
que bien
saludosssssssss 🙂
Excelente, voy a probarlo el fin de semana, muchas gracias.
Saludos
Cual es la ventaja? La descompresión se hace a nivel de servidor, por lo que recibimos es enviado y recibido por el pc es un CSS de 20 y tantos kB, cual es la ventaja?
El archivo .css recibido en el pc no es de 20 y tantos kb, sino de unos pocos, si te instalas la extensión Firebug para Firefox, podrás comprobar las mejoras con sólo recargar la página.
Aunque la transferencia está claro que será más rápida, mi pregunta es, que tiempo se tarda en hacer la compresión descompresión? Estaria ver calcularlo para poder ver realmente el tiempo en que se mejora la carga de la página.
@Sanchez eso lo mejor es hacer pruebas para comprobarlo, hay muchos programas que te miden el tiempo que tarda en cargar una pagina.