uvedobles.com » Gerundios

Medir la velocidad de una web

dedavid — Mon, 21 Mar 2011 08:08:52 +0000

Atentos a: http://loads.in/ una aplicación web desarrollada por WatchMouse que permite medir la velocidad de descarga de una página web prácticamente desde cualquier país, muy útil en procesos de internalización donde la web de tu cliente debe tener suficiente velocidad desde diferentes países.

Esta aplicación web te ofrece los siguientes resultados:

Capturas con los diferentes momentos en el proceso de descarga de la web
La posibilidad de medir la velocidad de la misma desde diferentes países
La posibilidad de medir la velocidad bajo diferentes navegadores web
La gráfica con todos los archivos que conforman la página, su peso y su velocidad de descarga

Una de las limitaciones que presenta esta útil utilidad para medir la velocidad de descarga de una web es que tan sólo te permite realizar un máximo de 50 checks diarios bajo la misma IP, en la práctica creemos que son menos pues hemos intentado monitorizar la aplicación de facturación online invOOice.com desde todos los países que permite y tan sólo hemos podido llegar a medir 15 países.

La principal conclusión que he podido extraer, y que ya era obvia pero no tan mesurable, es que un servidor alojado en USA es mucho más rápido si es visitado desde la propia USA que desde Europa. Toma obviedad! Las diferencias que me he encontrado son muy muy destacables, del orden de los 9 segundos para una página home con tan sólo un formulario de login de usuario y unos cuantos enlaces, todo con el grafismo, el javascript y el html pesa un total de 103,6 Kb. que por lo que veo, se puede y debe optimizar.

En la gráfica Waterfall, que es la que te indica cuanto tarda cada archivo en descargarse veo claramente que puedo minimizar bastante, pues existen un total de 12 peticiones request y hay algunos archivos que no son estrictamente necesarios o son minimizables en esta pantalla pues el usuario aún no está logueado, si los elimino podré optimizar y mucho la velocidad de descarga de esa primera página o página home, también simultáneamente podré mejorar la seguridad del sistema. Un ejemplo claro es la hoja de estilo que se carga, que es la hoja de estilos de la aplicación, cargarla toda para tan sólo un login quizá no tiene mucho sentido. por lo que se puede reducir mucho si se carga una con tan sólo los elementos que se utilicen, o mejor alguno, al ser pocos si los mismos se incrustan en el tag HEAD se gana una petición request menos.

Otro punto a destacar es que obviamente las imágenes son siempre lentas y pesadas, por lo que también toca optimizarlas, siempre sin sacrificar la calidad ni la imagen que se quiere dar al aplicativo.

A continuación los resultados del test del sistema de facturación web http://invOOice.com para cargar la página de inicio o home, hay que indicar que el servidor de invOOice.com está ubicado en USA y los resultados son, por orden de mayor lentitud a mayor velocidad de descarga:

Visitante de Guadalajara (México) que visita invOOice.com: 10.27s
Visitante de Ciudad del Cabo (South Africa) que visita invOOice.com: 5.04s
Visitante de Nagano (Japón) que visita invOOice.com: 4.16s
Visitante de Río de Janeiro (Brasil) que visita invOOice.com: 3.57s
Visitante de Cairo (Egypt) que visita invOOice.com: 3.19s
Visitante de Sydney (Australia) que visita invOOice.com: 4.16s
Visitante de Madrid que visita invOOice.com : 2.84s
Visitante de Inglaterra que visita invOOice.com : 2.66s
Visitante de Zurich (Suiza) que visita invOOice.com : 2.64s
Visitante de Vancouver (Canada) que visita invOOice.com: 2.27s
Visitante de Florida (USA) que visita invOOice.com 2.25s
Visitante de Austin (USA) Chicago (USA) que visita invOOice.com 1.88s
Visitante de New York (USA) que visita invOOice.com 1.80s
Visitante de Dallas (USA) que visita invOOice.com: 1.78s
Visitante de San Francisco (USA) que visita invOOice.com 1.66s

Las diferencias son de bulto más de 1 segundo entre San Francisco y Madrid, eso en este caso es el doble, además parece que además de la cercanía física de la conexión en relación al servidor alojado en USA también influye la calidad de las conexiones de internet de cada país, de lo contrario no se explicaría que el más lento fuese México cuando en kilómetros la distancia es quizá la menor, es decir, la conexión más cercana con el servidor, a parte, obviamente de la de San Francisco.

Destaco también las diferencias dentro de la propia USA, del orden de 3 décimas de segundo de una costa a otra.

Esperamos poder sacarle una constatable mejora de velocidad a nuestros sistemas, así como la correspondiente mejora en posicionamiento, pues Google valora, y mucho, la velocidad, y todo ello gracias a esta aplicación web, ya no sólo desde el punto de vista de la optimización de los contenidos web si no más bien a través del uso de CDN o Content Deliverable Networks y a través de sistemas Clouds descentralizados, que te permiten crear nodos o clústers de tu aplicación web en diferentes localizaciones, países o continentes.

Si alguien de vosotros, lectores, conoce otros sistemas alternativos para medir la velocidad de descarga de una página web, que no lo dude, que nos deje un comentario, entre todos mejoramos.

Páginas relacionadas con este artículo:

Test de carga web

dedavid — Mon, 20 Sep 2010 07:50:14 +0000

Hace ya algunos días os pasé un enlace con 18 aplicaciones web para probar la velocidad y el rendimiento de una web.

Muchas de estas aplicaciones ya las conocía, pero de todas, me quedo con http://loadimpact.com/

Sencillamente porque su versión gratuita te permite simular hasta 40 usuarios navegando simultáneamente en tu página web, cifra más que suficiente para poder medir cualquier hosting y predecir si se va a caer.

Para los programadores web tiene otra utilidad, la de la optimización, sí ya sabes que arañar unos bytes a tu código siempre le sienta bien, pero bueno, ¿tan poco se nota? Dedicar 4 horas depurando para unos pocos bytes es rentable. Si te lo pagan sí. Por ejemplo en aplicaciones críticas con muchos usuarios concurrentes quizá el primer paso es optimizar y no proceder a cambiar de hosting o de servidor con elcoste que implica.

Esta prueba de rendimiento en masa tiene otras aplicaciones, no sólo podrás saber si el hosting que tienes o el de tus clientes es bueno sino que también si eres de sistemas te permitirá comprobar la eficacia en cuanto a rendimiento de los cambios de configuración que realices en la configuración de un servidor. Incluso ir un paso más allá, podrás medir diferentes servidores web, Apache bajo Windows, Apache bajo Linux, Nginx, Cherooke…

Bueno pues nada, a optimizar nenes y nenas de la web!: http://loadimpact.com/

Páginas relacionadas con este artículo:

Lo bueno si breve dos veces bueno

dedavid — Sat, 21 Aug 2010 10:54:07 +0000

Hoy desde la playa y bajo un imperoso sol os dejo un enlace donde nos invitan a someter a rigurosa dieta a nuestras bases de datos, es obvio y todos ya lo sabemos, pero el autor del post original lo ha medido y cuantificado, dale! http://af-design.com/blog/2009/02/24/a-smaller-database-is-a-faster-database/

Páginas relacionadas con este artículo:

Papel para bocetos web

dedavid — Fri, 28 May 2010 06:06:23 +0000

Volvemos al boceteando que es gerundio, como nos gusta esta frase, como nos gusta bocetear.

Os traemos dos archivos en sendos PDFs uno con disposición vertical y otro horizontal, en ellos encontrarás una hoja perfectamente imprimible y cuadriculada donde podrás desarrollar tus bocetos para páginas y aplicaciones web para que quedes como un artistilla al presentar tus presupuestos. La página cuenta con alguna pega, la palabra TITLE que figura en inglés, pero bueno mal menor.

Estos bocetos están creados por raincreativelab.com, no son nada del otro jueves pero hoy estamos a viernes y algo es algo.

Los archivos aquí: Horizontal: Papel para boceto web horizontal (146) Vertical: Papel para boceto web vertical (130)

Páginas relacionadas con este artículo:

Boceto de aplicación para iPhone

dedavid — Mon, 24 May 2010 07:09:21 +0000

Personalmente siempre me han encantado los sketches, wireframes o bocetos realizados a mano, sí con lápiz y papel, ¿te acuerdas? en mis viejos cuadernos quedarán restos de logotipos, storyboards de anuncios y videoflash, animaciones, páginas webs e incluso algunso de aplicaciones web y ideas sobre aplicaciones para móviles.

En la actualidad la inmensa mayoría de veces nos saltamos ese paso papeloide para directamente presentar a nuestros clientes una primera maqueta ya sintética y realizada desde cero o desde tres con algún programa de diseño vectorial, esto es porque ya sabemos lo que funciona, lo que se lleva, o ya sinceramente porque tenemos una librería de bocetos trazados de la que tirar y con un plis plas pum tenemos algo ejem, “personalizado” a imagen y semejanza de lo que nuestro cliente nos ha solicitado.

Maldito momento lleno de competencias y bajos costes que no nos deja espacio ni crédito para volver aunque sea muy de vez en cuando al lápiz y al papel, sniff, hoy me he levantado e-romántico e-reivindicativo.

Para paliar tal desatino he decidido postear algo que emane a nuestro viejo compañero despixelizado, el lápiz así que a continuación os traigo una pequeña cole de wireframes de aplicaciones para móviles, en concreto para Apple iPhone si bien todos son trasladables a Android, un s.o.m (sistema operativo para móviles) que me da a mi que se va a poner interesante así que boceteando que es gerundio.

Páginas relacionadas con este artículo:

Adsense, si no se nota ganas más

dedavid — Wed, 07 Apr 2010 06:48:34 +0000

La discrección se muestra como uno de los máximos aliados de adsense a la hora de convertir visitantes en clicks, antes de entrar en detalles la máxima premisa de este artículo es:

La publicidad disimulada consigue una conversión mucho más alta

En nuestro experimento hemos mantenido la publicidad en el uno de los blogs que llevamos sobre Vacaciones y viajes viajarvacaciones.com con los colores por defecto, esos cantantes azules y verdes que tiran para atrás al usuario medio, avanzado y al experto. Para muestra os mostramos una captura antes de la optimización visual de anuncios que hemos llevado a cabo.

Los datos antes de la optimización visual de adsense

El clicktrhought CTR o en español porcentaje de clicks para cada cien impresiones de anuncios que hemos tenido para esta web durante todo el mes de marzo es de: 2,38% dato que no es en absoluto malo ya que si lo comparamos con otros blogs ya que nuestra media se sitúa justo por debajo del 2% con un 1.95% apx.

Puntos de la optimización visual de adsense

La optimización que hemos realizado es puramente visual, por un lado integramos el bloque dentro del texto, que si bien el efecto de encolumnado del contenido en sí es excesivo vamos a probar de esta manera, para consegui esto hemos utilizado e plugin de Wodpress Quick Adsense que permite insertar el texto justo antes de un párrafo o imagen.

Por otro lado hemos decolorado los links combinando ahora el título en negro, la descripción del enlace en un marrón casi negro y el link en un gris clarito.

Es importante decolorar al máximo el color del link pues en definitiva es el que puede detectar el usuario como elemento externo y por lo tanto no clickar en él, nuestro objetivo en este artículo/experimento de adsense es que cliquen para subir nuestro CTR. Por ello hemos seleccionado ese discreto gris.

Obviamente si los enlaces de tu página son de color rojo deberás orientar el texto hacia rojizos, algunas combinaciones de colores resultarán imposibles y la aplicación para obtener anuncios de adsense no te los permitirá llevar a cabo, por ejemplo fondo blanco y enlace en blanco.

Recordamos que los cambios que realices en la aplicación de adsense tardan bastante en ser reflejados en la página, aproximadamente una media hora.

El color del título, el color del cuerpo y el color del link.

Más no se puede hacer sin hacer trampas o que Google lo considere trampa, pro ejemplo se me ocurren muchas otras opciones, la más directa si introducir un div con fondo blanco por encima de la parte inferior del bloque, justo donde figuran los botones de navegación entre anuncios y la frase de “Anuncios Google” gracias a este div sobrepuesto, esa información queda totalmente tapada y en lugar del logo utilizas un texto donde pongas “Publicidad”, el CTR subirá por encima del 5%

Resultado visual de la optimización

Aquí os mostramos una captura del resultado de la integración.

Dentro de un mes os reportaremos los cambios que hemos obtenido en el CTR de este blog. Calculamos subir un mínimo de un 1% para llegar al 3% de CTR con los bloques de anuncio.

Páginas relacionadas con este artículo:

Saber que aplicaciones consumen más recursos

dedavid — Tue, 16 Mar 2010 07:50:14 +0000

Un apunte ultrarápido que nos permitirá saber que aplicaciones y que usuarios están consumiendo más recursos en tu máquina, esta funcionalidad es válida tan sólo para máquinas Linux o basadas en Unix, se trata del comando top.

Abre una terminal e introduce el comando: top

Te aparecerá una pantalla como la que te mostramos en nuestra captura,mostrándote ordenadas las aplicaciones o procesos de mayor a menor consumo de recursos, en nuestro caso lo que más está consumiendo es Firefox (tenemos más de 15 pestañas abiertas), con un 32% de la cpu y un 6,4% de la memoria RAM. Vemos curiosamente que XORG, la interficie gráfica que incorpora Ubuntu utiliza un 1% escaso, a la que hay que añadir Compiz con un 1,4% gt-window con un 0,3% y gnome-panel con un 0,9 total, que tenemos una interficie gráfica de las de quitar el hipo, gestionando 2 pantallas de diferente resolución y un total de 4 escritorios virtuales sin pestañear, una interficie superior en muchos aspectos a la de Mac OSX (nuestro exposé es bastante mejor) .

Este comando en principio no requiere permisos de superusuario.Si bien si quieres ver el consumo de procesos que corren bajo root, como Apache o Mysql deberás ejecutarlo como superusuario, así que casi mejor que lo ejecutes como “sudo top” (te pedirá clave)

Ideal para monitorizar servidores basados en Linux a los que tengas acceso mediante SSH. Así que apunta hacia tu servidor virtual, tu servidor privado y a monitorizar para ir optimizando, que es gerundio.

Páginas relacionadas con este artículo:

Iconos con gestures

dedavid — Tue, 09 Mar 2010 12:44:46 +0000

Los gestures o gestos los han puesto de moda los listos de Apple primero con su iPhone y luego con sus nuevos ratones y touchpads multitouch, hay que reconocer que en esto de innovar parten el bacalao los ingenieros de usabilidad de manzana mordisqueada, yo soy un confieso seguidor de la manzana que un día mordí y que me niego a abandonarla por mucho que ahora mi workstation esté basada en Ubuntu por diversas cuestiones, entre otras porque la experiencia de uso es casi identica a la de la manzana… además de tunable una experiencia casi inigualable… eso sí miro los acabados de cualquier iMac, los comparo con mi equipo actual y bueno… ¡lloro sin parar!.

Bueno sin más dilaciones vamos a ofreceros un ficherito para descargar con unos iconos vectoriales que ha realizado la empresa RLDinteraction os servirán para documentar juegos y aplicaciones de iPhone, Android o cualquier otro sistema que estéis desarrollando en dispositivos, repetid conmigo: multitauchhhhh!:

Descarga: Iconos con gestures (45) así que descargando que es gerundio.

Enlace: http://gesturecons.com/

Páginas relacionadas con este artículo:

Optimizar bases de datos Mysql

dedavid — Thu, 11 Feb 2010 07:44:00 +0000

Hoy que los servidores virtuales y servidores privados están muy de moda vamos a aprender que es lo que debemos realizar para optimizar el motor de bases de datos Mysql.

Con dos sencillos comandos en la terminal de tu servidor web podrás obtener un sabio consejo para optimizar el rendimiento de tus bases de datos Mysql. Estos comandos te descargan un script en perl y con el siguiente lo ejecutas.

wget mysqltuner.pl
perl mysqltuner.pl

Deberás de proporcionar al script la información que te solicita, esta es usuario de administración de mysql y la correspondiente clave, a partir de hay en unos segundos te mostrará los sabios consejos para que tu servidor funcione algo más ligero.

Enlace: http://blog.mysqltuner.com/download/

Páginas relacionadas con este artículo:

Pequeños bloggers ¡uníos!

dedavid — Fri, 08 Jan 2010 07:33:16 +0000

Google no nos está haciendo ningún favor

Tras chocar por enésima vez con las condiciones contractuales a las que Google nos somete por intentar monetizar nuestros blogs mediante su programa adSense, me muestro incapaz de ocultar otra vez más mi mayúsculo enfado con la todopoderosa, escribiendo este artículo, hastiado tras esa rancia opacidad y ese marmóreo comportamiento como un grito más en la red.

Probablemente pocos lo lean y aún menos lo comportan, pero es tal la impotencia que siento ante el absoluto control comercial del mundo moderno, que debo hacer un llamamiento para que los pequeños bloggers abramos de una vez por todas ojos y bocas, bocas para protestar sin mirar a un lado.

Recordad que Google no nos está haciendo ningún favor, somos nosotros, los pequeños bloggers, los que inconscientemente hacemos que esta empresa crezca sin control alguno hasta dominar con sus tiránicas reglas todo el ámbito empresarial. Si muchos de nosotros estamos con él es porque, lamentablemente tras él no hay nada más, es un planeta sin otras opciones reales en la red con las que monetizar un pequeño medio online, atomizado en pequeñas webs con un público específico y a su vez valioso. Ningún magnate capitalista ha sabido ver el filón que ofrece la red en su real dimensión, ¡malditos cegatos, despertad! porque sinceramente, aún existe la posibilidad de crear una alternativa a la todopoderosa Google, escuchad el grito del pequeño blogger porque si nos llamais, muchos migraríamos hacia vosotros si vuestras condiciones fueran mínimamente mejores que las que nos ofrece la gran G.

Porque la tela de la red no sea opaca

No pido ningún imposible, para empezar algo tan simple como necesario, saber que se quedan de nuestros clicks, ya que es básico conocer los costes para poder sobrevir comercialmente.Deberíamos unirnos todos los pequeños editores para forzar a Google a aclarar sus términos comerciales con nosotros.

Fórmulas las hay, existen, más abajo expongo una pero seguro que tú como pequeño blogger has pensado otra mejor, cuéntala, dínosla! Porque los pequeños podemos unirnos y ejecutad acciones legales y lícitas para hacer tambalear al gigante de la red y que por una vez no haga oídos sordos a nuestras peticiones, a los miles de formularios que les remitimos sin respuesta alguna.

El listo de la clase Twitter

Aún ante tal desolado panorama exento de alternativas para monetizar un pequeño medio a veces hay que celebrar pequeños hitos que se consiguen cuando algunos aunque no sean especialmente pequeños hacen doblegarsea al Gigante con G. Mirad si no y aprended de Twitter, el más listo de la clase, un editor sin contenidos que ha logrado cobrar por que sus resultados aparezcan en los buscadores, a partir de hoy Google con su buscador y Microsoft con su Bing deberán pagar el peaje al Sr. Twitter por mostrar sus contenidos, contenidos que generan los usuarios de forma altruista, ¡menudo negocio redondo! Imaginada poder cobrad por ser indexados por un contenido que te generan los usuarios de forma totalmente gratis.

El tonto de la clase el amigo Yahoo

Si bien Yahoo siempre se mostró simpático con los desarrolladores a veces le lanzaría desde mi pupitre mollejas de pan duro a su hueca cabezota, di algo, muévete, respira porque parece que te mueres impasible mientras te tiran al suelo y te pisotean. Tengo una idea para que recuperes algo de fuerza. Escucha:

Pequeños bloggers ¡uníos! Vamos a avisar al todopoderoso con una acción más que contundente, propongo una idea amigos míos, tú blogger que me lees deberás tener valor y bloquear los rastreos del gigante aplastatodo con un fichero robots.txt afilado y 100% excluyente para GoogleBot, mantenlo durante un par de semanas o quizá un mes, aunque perdamos visitas y con ellas el lastimoso centimeo de adSense, permite en cambio que Yahoo si que te indexe y que recupere así el terreno perdido tras dejar durante ese tiempo a Google ciego y sordo.

Utópico porque tu lo quieres

Utópico, pero si lo hiciésemos posiblemente Internet recuperaría por momentos el equilibrio y demostraríamos el poder de los pequeños en el planeta internet. ¿Quién se apunta?

Páginas relacionadas con este artículo: