de webmaster a webmaster

Lo que tenemos clasificado como ‘Gerundios

Medir la velocidad de una web

con un 2 comentario, di la tuya, maracuya

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:

  1. Visitante de Guadalajara (México) que visita invOOice.com: 10.27s
  2. Visitante de Ciudad del Cabo (South Africa) que visita invOOice.com: 5.04s
  3. Visitante de Nagano (Japón) que visita invOOice.com: 4.16s
  4. Visitante de Río de Janeiro (Brasil) que visita invOOice.com: 3.57s
  5. Visitante de Cairo (Egypt) que visita invOOice.com: 3.19s
  6. Visitante de Sydney (Australia) que visita invOOice.com: 4.16s
  7. Visitante de Madrid que visita invOOice.com : 2.84s
  8. Visitante de Inglaterra que visita invOOice.com : 2.66s
  9. Visitante de Zurich (Suiza) que visita invOOice.com : 2.64s
  10. Visitante de Vancouver (Canada) que visita invOOice.com: 2.27s
  11. Visitante de Florida (USA) que visita invOOice.com 2.25s
  12. Visitante de Austin (USA) Chicago (USA) que visita invOOice.com 1.88s
  13. Visitante de New York (USA) que visita invOOice.com 1.80s
  14. Visitante de Dallas (USA) que visita invOOice.com: 1.78s
  15. 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.

Test de carga web

sin comentarios, by the moment porfaplis, deja uno que "é grati"

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/

Lo bueno si breve dos veces bueno

sin comentarios, by the moment porfaplis, deja uno que "é grati"

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/

Blogueado por uvedobles.com alias uvedobles.com

August 21st, 2010 a las 11:54 am

Papel para bocetos web

sin comentarios, by the moment porfaplis, deja uno que "é grati"

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 (635) Vertical: Papel para boceto web vertical (606)

Blogueado por uvedobles.com alias uvedobles.com

May 28th, 2010 a las 7:06 am

Boceto de aplicación para iPhone

sin comentarios, by the moment porfaplis, deja uno que "é grati"

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.

Blogueado por uvedobles.com alias uvedobles.com

May 24th, 2010 a las 8:09 am