Archivo para agosto, 2010

Optimizando servidores

Lunes, agosto 23rd, 2010

En estos días más tranquilos de Agosto, ando optimizando los servidores que manejo actualmente para poder sacarles más partido y optimizar también las cuentas de gastos. Y lo que voy descubriendo me va gustando.

Estas son las gráficas obtenidas con loadimpact.com para la misma web con dos configuraciones distintas.

La primera usa Apache 2.2.3 con mod_php5 (5.2.13) y memcached

La segunda Nginx 0.7.67 con php-fpm (5.3.3) y memcached

Bastante interesante el aumento de rendimiento. En mi opinión mucho de este aumento tiene que ver con la posibilidad que ofrece el Nginx de comprobar él mismo si el contenido se encuentra en memcached. De esta forma, se ahorra el tener que hacer la llamada (y posible carga) al fast-cgi de php. Reduciendo de esta forma drásticamente el consumo de memoria y las llamadas a disco del servidor.

Veo que en algunos casos, la optimización por medio de nuevo software más ligero o específico puede cambiar la decisión entre seguir en el mismo servidor o tener que contratar uno más grande (y costoso). Otra forma sencilla de “aumentar ingresos”, vía ahorro de costes,  en estos tiempos difíciles.

Aplicando estilos a un input file

Miércoles, agosto 4th, 2010

Para aquellos a los que les gusta personalizar hasta el más mínimo detalle en sus creaciones web, siempre ha sido una piedra en el zapato el hecho de no poder aplicar un estilo a los campos de tipo “file” en los formularios.

Hace tiempo que ya algunos han dado con soluciones parciales al problema, como por ejemplo:

http://www.shauninman.com/archive/2007/09/10/styling_file_inputs...

Pero desde ayer, tenemos la que a mi juicio es la más completa y sencilla de ellas. Filament Group, comparte el código de uno de los ejemplos de su libro en:

http://filamentgroup.com/lab/jquery_custom_file_input_...

El sistema te permite personalizar usando CSS el aspecto completo del campo.

Y el código para hacerlo es realmente simple:

HTML:
<input id="file" name="file" type="file" />

JavaScript (jQuery):
$('#file').customFileInput();

Lo malo será que ahora ya no tendré excusas cuando los diseñadores me pidan que aplique un estilo distinto al estándar a este tipo de controles ;)
Espero que os sirva.