Script para reducir peso de los CSS
En la Web hay una cosa que yo diría es bastante fundamental y nadie le presta mucha atención: el peso de los archivos. Mantener un peso bajo puede ahorrar mucho ancho de banda, cosa necesaria en cualquier sitio de alto tráfico, ya que además de acelerar la descarga también hace que al cliente o usuario final la página le aparezca más rápido.
Aunque me gustaría ahondar mucho más en el tema, por el momento sólo presentaré una pequeña función que puede ser bastante útil a la hora de reducir el peso de CSS gigantes, sin embargo, la verdadera ganancia puede no estar aquí, sino que en la compresión que se debe activar en el servidor, o bien ocupando ob_start() de PHP, pero como ya dije: eso ya es harina de otro costal y al ser más amplio preferiría dejarlo para otro post.
Sin embargo, a continuación les presento el pequeño script. Vamos... haz click en leer más 
Nueva class publicada: CSStacker
A partir de hoy se lanza mi segunda class al público en general: es una class que es capaz de tomar varios CSS, comprimirlo, optimizarlo y enviarlo hacia el cliente (con gzip).
De esta forma, el CSS principal de CHW por ejemplo, pasa de pesar 43876 bytes a 5802 bytes, una compresión de un 87%!
Cómo se hace esto? Muy simple: se toma el o los CSS a procesarse, se eliminan los comentarios, los retornos de carros, los espacios que sobran, los tabs que sobran, se cambian todos los 0px a 0, los colores se convierten a su respectivo código corto y por último los colores se tratan de acortar de #EEAA11 a #EA1.
Por último, a ese archivo resultante se le aplica gzip y se manda al cliente. Por último, si el cliente ya tiene en su caché el CSS, simplemente se manda un código HTTP de que el archivo no ha sido modificado, reduciendo de esta manera ancho de banda.
Resetear CSS
Me decidí hoy a hacer algunas cosas pendientes. Una de ellas es terminar de una buena vez por todas esa fantástica idea que me viene dando vueltas hace cerca de 2 años y que no he podido ejecutar por falta de tiempo: una página que se integre con la montonera de servicios externos para que de esa manera, todo tu movimiento en Internet lo puedas hacer mayormente desde esa página.
También me llevé una agradable sorpresa: el post que habla acerca de cómo manejar errores en PHP ya se ubica primero en Google al buscar por php trigger_error Aunque a través de Google sólo he recibido 2 visitas, el solo hecho de ubicarme en primer lugar ya me hace más que feliz.
Pero, el tema que nos concierne hoy, es acerca del reseteo de CSS. "¿Qué es?" "¿Para qué sirve?" y "¿Cómo podemos solucionar la problemática?" serán algunas de las interrogantes que se plantearán y que verán la luz en este post.
Barras de Progreso con CSS
Algunos días atrás publiqué un post en CHW que nadie pescó. Nadie lo pescará aquí tampoco ( xD ) pero por lo menos lo posteo xD
Encontré en Internet una forma bastante sencilla de crear barras de progreso sólo con CSS: es un truco bastante viejo pero encontré genial la idea que había detrás. Es demasiado simple pero a la vez ingenioso.
El truco en sí es bastante fácil:
Camilo Sperberg es Ingeniero Informático especializado en seguridad y PHP. Éste es su blog oficial y aquí podrá encontrar mayor información.
Enlaces
Categorías
- Bases de Datos (MySQL) (2)
- CSS (4)
- Javascript (1)
- Linux (1)
- Mi mundo en noticias (4)
- Mundo Web (10)
- Pensamientos Personales (13)
- PHP (8)
Calendario de Posts
| L | M | Mi | J | V | S | D |
|---|---|---|---|---|---|---|
| « Mar | ||||||
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 | |||||
Anuncios
Archivo Mensual
- Marzo 2010 (1)
- Febrero 2010 (2)
- Enero 2010 (5)
- Diciembre 2009 (11)
- Noviembre 2009 (12)
Sígueme en Twitter!
- yo cxo que igual no va a pasar nada con la actualización... será más fome xD 79 caracteres, escrito hace 38 minuto(s) atrás
- ahí nos vemos twitter ... hasta mañana, sigo laburando por mientras pero no hasta las 7AM xD 94 caracteres, escrito hace 41 minuto(s) atrás
- ahora k estoy ocupando mi propia class en un sitio en producción, me he dado cuenta k sus posibilidades de uso son más de los que pensaba xD 142 caracteres, escrito hace 1 hora(s) atrás
- un poco antes que muriera twitter quise decir en mi tweet anterior :P 69 caracteres, escrito hace 2 hora(s) atrás
- un poco menos antes que muriera twitter, alcancé a tener 100 followers. Bienvenido @oscarlabra ! Eres mi follower Nº 100 ! :D 127 caracteres, escrito hace 2 hora(s) atrás
- twitter no cierra, lo más probable es que mientras actualicen servidores no den abasto y salga la ballena, lean http://status.twitter.com/ 139 caracteres, escrito hace 6 hora(s) atrás
